API tools faq
paste
kimtys

LEISURE

kimtys
Sep 30th, 2017
18,754
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.29 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: feather icons (feathericons.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:gray controls" content="1" />
  79. <meta name="if:back to top" content="1" />
  80. <meta name="if:load more" content="0" />
  81.  
  82. <meta name="select:background image" content="cover" title="cover">
  83. <meta name="select:background image" content="repeat" title="repeat">
  84.  
  85. <meta name="select:post size" content="370" title="370px" />
  86. <meta name="select:post size" content="300" title="300px" />
  87. <meta name="select:post size" content="330" title="330px" />
  88. <meta name="select:post size" content="350" title="350px" />
  89. <meta name="select:post size" content="400" title="400px" />
  90. <meta name="select:post size" content="430" title="430px" />
  91. <meta name="select:post size" content="450" title="450px" />
  92. <meta name="select:post size" content="470" title="470px" />
  93. <meta name="select:post size" content="500" title="500px" />
  94.  
  95. <meta name="select:font" content="lato" title="lato">
  96. <meta name="select:font" content="muli" title="muli">
  97. <meta name="select:font" content="calibri" title="calibri">
  98. <meta name="select:font" content="karla" title="karla">
  99. <meta name="select:font" content="scada" title="scada">
  100. <meta name="select:font" content="pt sans" title="pt sans">
  101. <meta name="select:font" content="trebuchet ms" title="trebuchet ms">
  102. <meta name="select:font" content="source sans pro" title="source sans pro">
  103. <meta name="select:font" content="work sans" title="work sans">
  104.  
  105. <meta name="select:cursor hover" content="help" title="help">
  106. <meta name="select:cursor hover" content="pointer" title="pointer">
  107. <meta name="select:cursor hover" content="default" title="default">
  108. <meta name="select:cursor hover" content="crosshair" title="crosshair">
  109.  
  110. <meta name="text:image saturation" content="70%" />
  111. <meta name="text:padding" content="10" />
  112. <meta name="text:sidebar width" content="150" />
  113. <meta name="text:sidebar top" content="180" />
  114. <meta name="text:posts margin" content="150" />
  115. <meta name="text:posts left" content="450" />
  116. <meta name="text:home title" content="home"/>
  117. <meta name="text:ask title" content="message"/>
  118. <meta name="text:ask link" content="/ask"/>
  119. <meta name="text:archive title" content="archive"/>
  120. <meta name="text:links title" content="links"/>
  121. <meta name="text:link 1" content=""/>
  122. <meta name="text:url 1" content="/"/>
  123. <meta name="text:link 2" content=""/>
  124. <meta name="text:url 2" content="/"/>
  125. <meta name="text:link 3" content=""/>
  126. <meta name="text:url 3" content="/"/>
  127. <meta name="text:link 4" content=""/>
  128. <meta name="text:url 4" content="/"/>
  129. <meta name="text:link 5" content=""/>
  130. <meta name="text:url 5" content="/"/>
  131. <meta name="text:link 6" content=""/>
  132. <meta name="text:url 6" content="/"/>
  133. <meta name="text:link 7" content=""/>
  134. <meta name="text:url 7" content="/"/>
  135. <meta name="text:link 8" content=""/>
  136. <meta name="text:url 8" content="/"/>
  137. {/block:Hidden}
  138.  
  139. <link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  140. <script src="https://unpkg.com/feather-icons"></script>
  141. <link href="https://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'>
  142.  
  143. <style type="text/css">
  144.  
  145.  
  146.  
  147. /* TUMBLR CONTROLS */
  148.  
  149.  
  150.  
  151. iframe.tmblr-iframe {
  152. 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}{block:ifGrayControls}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%);{/block:ifGrayControls}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; }
  153.  
  154.  
  155. iframe.tmblr-iframe:hover {
  156. opacity:0.3!important;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  157.  
  158.  
  159. .tumcon { position:fixed;z-index:99;top:15px;right:5px; }
  160.  
  161. .tumcon .feather {
  162. width:12px;height:13px;color:{color:icons};font-family:lato;display:inline-block;margin:-5px 1px 0 1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:accents 2};padding:4px 5px;color:{color:icons};
  163. stroke: {color:icons};
  164. stroke-width: 2;
  165. stroke-linecap: round;
  166. stroke-linejoin: round;
  167. fill:none; }
  168.  
  169.  
  170.  
  171. /* TOOLTIPS */
  172.  
  173.  
  174.  
  175. #s-m-t-tooltip {
  176. max-width:350px;margin:25px 15px;padding:5px 8px 5px 8px;z-index:999999;font:8px {select:font}, sans-serif;letter-spacing:0px;line-height:150%;text-align:justify;font-style:normal;text-transform:uppercase;border:2px solid {color:posts};background:{color:captions};-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; color:{color:text}; }
  177.  
  178.  
  179.  
  180. /* SCROLLBAR & SELECTION */
  181.  
  182.  
  183.  
  184. ::-webkit-scrollbar {
  185. width:17px;height:17px;background:{color:background}; }
  186.  
  187.  
  188. ::-webkit-scrollbar-track {
  189. border:8px solid {color:background};background:{color:captions}; }
  190.  
  191.  
  192. ::-webkit-scrollbar-thumb:vertical {
  193. border:8px solid {color:background};background:rgba({RGBcolor:text accents}, .5);min-height:20px; }
  194.  
  195.  
  196. ::-webkit-scrollbar-thumb:horizontal {
  197. border:8px solid {color:background};background:rgba({RGBcolor:text accents}, .5);min-height:20px; }
  198.  
  199.  
  200. ::-moz-selection { background:rgba({RGBcolor:text accents}, .5);color:#000; }
  201. ::selection { background:rgba({RGBcolor:text accents}, .5);color:#000; }
  202.  
  203.  
  204.  
  205. /* BODY */
  206.  
  207.  
  208.  
  209. body {
  210. 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; }
  211.  
  212.  
  213. a {
  214. 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; }
  215.  
  216.  
  217. a:hover, a.tumblr_blog:hover {
  218. 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; }
  219.  
  220.  
  221. b, strong, bold { font-weight:bold;font-size:100%; }
  222.  
  223.  
  224. i, italic, em, oblique { font-style:italic;font-size:100%; }
  225.  
  226.  
  227. h1 {
  228. 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}; }
  229.  
  230.  
  231. h2, h3, h4, h5 {
  232. 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}; }
  233.  
  234.  
  235. small, sub, sup, code, big { font-size:100%; }
  236.  
  237.  
  238. pre, xmp, plaintext, listing {
  239. 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; }
  240.  
  241.  
  242. ul, ol { margin:5px 0px 5px 15px; padding:0; }
  243.  
  244.  
  245. ul { margin-left:0; list-style-type:none; }
  246.  
  247.  
  248. ul li { padding:1px 0px 1px 20px; position:relative; text-align:left; }
  249.  
  250.  
  251. ul li:before {
  252. content:'—';top:1px;color:rgba({RGBcolor:text accents}, .5);left:0px;font-size:10px;position:absolute;display:block;font-family:sans-serif; }
  253.  
  254.  
  255. hr {
  256. border: 0;height: 1px;background:{color:blockquote};margin:10px 0 10px 0; }
  257.  
  258.  
  259.  
  260. /* POSTS */
  261.  
  262.  
  263.  
  264. #content {
  265. {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; }
  266.  
  267.  
  268. .posts {
  269. {block:IndexPage}width:{select:post size}px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}margin:0px 0 {text:posts margin}px 0;padding:{text:padding}px;background:{color:posts};position:relative;display:inline-block;{block:ifBorders}border:1px solid {color:borders};{/block:ifBorders} }
  270.  
  271.  
  272. {block:ifLoadMore}
  273. {block:IndexPage}
  274. .posts {
  275. opacity:0;z-index:-1; }
  276. {/block:IndexPage}
  277. {/block:ifLoadMore}
  278.  
  279.  
  280. .caption {
  281. margin:1px 0 0 0;padding:10px 15px 10px 15px;background:{color:captions}; }
  282.  
  283.  
  284. blockquote.tumblr_parent {
  285. {block:ifNotShowTumblrAvatar}margin:8px 3px 10px 3px;{/block:ifNotShowTumblrAvatar}{block:ifShowTumblrAvatar}margin:10px 3px 10px 25px;{/block:ifShowTumblrAvatar}position: relative; }
  286.  
  287.  
  288. blockquote.tumblr_parent p { margin:5px 0; }
  289.  
  290.  
  291. blockquote.tumblr_parent p:last-of-type { margin-bottom:0; }
  292.  
  293.  
  294. blockquote.tumblr_parent > a:first-of-type {
  295. font-weight:bold;color:{color:text accents};display:inline; }
  296.  
  297.  
  298. blockquote.tumblr_parent > a:first-of-type:hover {
  299. color:{color:links hover}; }
  300.  
  301.  
  302. blockquote.tumblr_parent > p:first-of-type:before {
  303. content:"|";padding-left:8px;padding-right:8px;font-weight:bold;font-size:9px;color:rgba({RGBcolor:text}, .3);display:inline; }
  304.  
  305.  
  306. blockquote.tumblr_parent > p:first-of-type { display:inline; }
  307.  
  308.  
  309. blockquote.tumblr_parent > blockquote {
  310. 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} }
  311.  
  312.  
  313. blockquote.tumblr_parent > blockquote p:first-of-type {
  314. display:inline; }
  315.  
  316.  
  317. a.tumblr_blog { display:inline-block; }
  318.  
  319.  
  320. blockquote { margin-left:0px; }
  321.  
  322.  
  323. .tumblr_avatar {
  324. 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} }
  325.  
  326.  
  327. img.tumblr_avatar {
  328. -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:13px;height:13px; }
  329.  
  330.  
  331. .tg {
  332. {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; }
  333.  
  334.  
  335. .tg a { margin:0 0 0 5px;display:inline; }
  336.  
  337.  
  338. .tg:before {
  339. content:"";width:15px;height:1px;bottom:0;top:-2px;position:relative;margin-right:10px;display:inline-block;background:rgba({RGBcolor:text accents}, .5); }
  340.  
  341.  
  342. .tg a:first-child { margin-left:0px; }
  343.  
  344.  
  345. .tg i {
  346. font-size:11px;padding:2px 3px 0px 2px;margin:0 0px 0 0px;color:{color:icons};font-family:lato;vertical-align:middle; }
  347.  
  348.  
  349. .tag-commas:last-child { display: none; }
  350.  
  351.  
  352.  
  353. /* SIDEBAR */
  354.  
  355.  
  356.  
  357. .sidebar {
  358. margin-top:{text:sidebar top}px;background:{color:sidebar};width:{text:sidebar width}px;{block:ifRightSidebar}{block:IndexPage}margin-left:calc({text:posts left}px + {select:post size}px + 150px);{/block:IndexPage}{block:PermalinkPage}margin-left:calc({text:posts left}px + 500px + 150px);{/block:PermalinkPage}{/block:ifRightSidebar}{block:ifNotRightSidebar}{block:IndexPage}margin-left:calc({text:posts left}px - {text:sidebar width}px - 100px);{/block:IndexPage}{block:PermalinkPage}margin-left:calc({text:posts left}px - {text:sidebar width}px - 100px);{/block:PermalinkPage}{/block:ifNotRightSidebar}text-align:center;position:fixed;padding:{text:padding}px; }
  359.  
  360.  
  361. .simg { width:50px;height:50px;-moz-border-radius:4%;-webkit-border-radius:4%;border-radius:4%;display:block;margin:0 auto;padding:3px;background:{color:accents 2}; }
  362.  
  363.  
  364. .simg img {
  365. width:100%;height:100%;-moz-border-radius:4%;-webkit-border-radius:4%;border-radius:4%;{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} }
  366.  
  367.  
  368. {block:ifSaturation}
  369. .simg:hover img {
  370. -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; }
  371. {/block:ifSaturation}
  372.  
  373.  
  374. .tit {
  375. font-weight:bold;text-transform:uppercase;font-size:9px;letter-spacing:0.5px;word-spacing:2px;margin-top:10px;text-align:center; }
  376.  
  377.  
  378. .tit a { color:{color:upperlinks}; }
  379.  
  380.  
  381. .tit a:hover { color:{color:links hover}; }
  382.  
  383.  
  384. .tit:before {
  385. content:"";width:15px;height:1px;bottom:0;top:-3px;position:relative;margin-right:5px;display:inline-block;background:rgba({RGBcolor:text accents}, .5); }
  386.  
  387.  
  388. .tit:after {
  389. content:"";width:15px;height:1px;bottom:0;top:-3px;position:relative;margin-left:5px;display:inline-block;background:rgba({RGBcolor:text accents}, .5); }
  390.  
  391.  
  392. #desc {
  393. background:{color:description};word-wrap:break-word;padding:8px 10px;font-size:10px;text-transform:none;text-align:center;font-family:{select:font}, sans-serif;word-spacing:2px;margin-top:3px;color:{color:text};-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
  394.  
  395.  
  396. .menu {
  397. margin-top:6px;margin-bottom:3px;line-height:100%;font:7px {select:font}, sans-serif;font-weight:normal;letter-spacing: 0.5px;text-transform:uppercase;text-align:center;width:{text:sidebar width}px;word-wrap:break-word; }
  398.  
  399.  
  400.  
  401. .sidebar .feather {
  402. width:10px;height:11px;color:{color:icons};font-family:lato;display:inline-block;margin:-5px 1px 0 1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:accents 2};padding:4px 5px;color:{color:icons};
  403. stroke: {color:icons};
  404. stroke-width: 3;
  405. stroke-linecap: round;
  406. stroke-linejoin: round;
  407. fill:none; }
  408.  
  409.  
  410. .links { display:none; }
  411.  
  412.  
  413. .links a {
  414. padding:2px 0 2px 0;color:{color:links};word-wrap:break-word;border-bottom:none;text-transform:uppercase;font-size:8px;letter-spacing:0px; }
  415.  
  416.  
  417. .menu a { border-bottom:none; }
  418.  
  419.  
  420. .menu a:hover, .links a:hover {
  421. color:{color:links hover};border-bottom:none; }
  422.  
  423.  
  424. .menu ul { list-style-type:none; }
  425.  
  426.  
  427. .menu li { margin:5px 1px;display:inline-block;list-style-type:none;}
  428.  
  429.  
  430. ul.links { margin:0 0 0 0; padding:0; }
  431.  
  432.  
  433. ul.links { margin-left:0; list-style-type:none; }
  434.  
  435.  
  436. ul.links li a { padding:1px 0px 1px 0px; display:block;margin:0 0 -1px -20px;position:relative; text-align:center;background:{color:description};transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  437.  
  438. ul.links li a:hover { background:{color:sidebar};transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  439.  
  440.  
  441. ul.links li:before { content:''; }
  442.  
  443.  
  444. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  445. input-placeholder { color:rgba({RGBcolor:upperlinks}, .7); }
  446. input::-webkit-input-placeholder { color:rgba({RGBcolor:upperlinks}, .7); }
  447. input::-moz-placeholder { color:rgba({RGBcolor:upperlinks}, .7); }
  448. input:-moz-placeholder { color:rgba({RGBcolor:upperlinks}, .7); }
  449. input:-ms-input-placeholder { color:rgba({RGBcolor:upperlinks}, .7); }
  450.  
  451.  
  452. .srch {
  453. display:none;outline:none;padding:0;color:{color:upperlinks}; }
  454.  
  455.  
  456. .srch i { float:left;display:inline; }
  457.  
  458.  
  459. .srch input {
  460. border:none;border-bottom:1px solid #eee;outline:none;display:inline-block;font-family:{select:font}, sans-serif;font-size:8px;letter-spacing:0px;text-transform:uppercase;color:{color:upperlinks};background:transparent;text-align:center;width:calc(100% - 40%);padding:8px 0px 5px 0px;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  461.  
  462.  
  463. .srch input:focus {
  464. border-bottom:1px solid rgba({RGBcolor:text accents}, .5);transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  465.  
  466.  
  467.  
  468. /* IMAGE */
  469.  
  470.  
  471.  
  472. .posts img {
  473. max-width:100%;height:auto;
  474. {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} }
  475.  
  476. {block:ifSaturation}
  477. .posts:hover img {
  478. -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; }
  479. {/block:ifSaturation}
  480.  
  481.  
  482. #photo img { width:100%; display:block; }
  483.  
  484.  
  485.  
  486. /* PHOTOSET */
  487.  
  488.  
  489.  
  490. .tmblr-lightbox { background:rgba({RGBcolor:background}, .7)!important; }
  491.  
  492.  
  493. .vignette, .lightbox-caption { opacity:0!important; }
  494.  
  495.  
  496. .lightbox-image {
  497. 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; }
  498.  
  499.  
  500.  
  501. /* VIDEO */
  502.  
  503.  
  504.  
  505. .video, .video iframe { overflow:hidden; }
  506.  
  507.  
  508.  
  509. /* AUDIO */
  510.  
  511.  
  512.  
  513. #art {
  514. height: 50px;width: 50px;background:{color:captions};float:right;margin-top:0px;padding:5px;margin-left:-1px; }
  515.  
  516.  
  517. #art img {
  518. height: 50px; width:50px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
  519.  
  520.  
  521. #info {
  522. 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; }
  523.  
  524.  
  525. .infox {
  526. position: relative;top: 50%;max-height:50px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
  527.  
  528.  
  529. #info span.song {
  530. display:block;font-weight:bold;font-size:110%;margin-right:3px;margin-bottom:2px;color:{color:texts}; }
  531.  
  532.  
  533. iframe.soundcloud_audio_player {
  534. {block:IndexPage}width:{select:post size}px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}height:auto;display:block; }
  535.  
  536.  
  537.  
  538. /* ASK */
  539.  
  540.  
  541. #ques { display:table;width:100%; }
  542.  
  543.  
  544. #quesi {
  545. width:30px; display:table-cell; vertical-align:middle; }
  546.  
  547.  
  548. #quesa {
  549. padding:10px;display:table-cell; vertical-align:middle;background:{color:captions}; }
  550.  
  551.  
  552. #quesa img {
  553. -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}; }
  554.  
  555.  
  556. #quesa b {
  557. font-weight:bold;display:block;margin-bottom:-1px;font-size:80%;text-transform:uppercase;letter-spacing:0.5px; }
  558.  
  559.  
  560. #ans {
  561. padding:1px 10px 1px 10px;background:{color:posts}; }
  562.  
  563.  
  564.  
  565. /* QUOTE */
  566.  
  567.  
  568.  
  569. #quote {
  570. font-size:150%;text-align:left;padding:10px;background:{color:captions};font-family:{select:font}; line-height:150%;font-style:italic; }
  571.  
  572.  
  573. #source {
  574. padding:7px;background:{color:posts};text-align:right; }
  575.  
  576.  
  577.  
  578. /* CHAT */
  579.  
  580.  
  581.  
  582. .lines {
  583. margin:0;line-height:170%; }
  584.  
  585.  
  586. .lines .line {
  587. background:{color:captions};padding: 4px 4px 4px 4px;border-top:0px solid {color:posts};border-bottom:1px solid {color:posts}; }
  588.  
  589.  
  590. .lines b {
  591. 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; }
  592.  
  593.  
  594.  
  595. /* PERMALINK */
  596.  
  597.  
  598.  
  599. .perma {
  600. margin:0 0 1px 0;color:{color:upperlinks};text-transform:uppercase; background:{color:permalink};font:8px {select:font};letter-spacing:0px;padding:13px 10px 13px 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} }
  601.  
  602. .perma i {
  603. -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; }
  604.  
  605. .perma .feather {
  606. width:9px;height:10px;color:{color:icons};font-family:lato;display:inline-block;margin:-6px 1px -5px 1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:accents 1};padding:4px 5px;color:{color:icons};
  607. stroke: {color:icons};
  608. stroke-width: 3;
  609. stroke-linecap: round;
  610. stroke-linejoin: round;
  611. fill:none; }
  612.  
  613.  
  614. #permalinks { display:inline; }
  615.  
  616.  
  617. #permalinks a {
  618. 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}; }
  619.  
  620. #permalinks a:hover {
  621. color:{color:links hover};border-bottom:none; }
  622.  
  623.  
  624. #controls a:hover {
  625. color:{color:links hover};border-bottom:none; }
  626.  
  627.  
  628. #controls a { border-bottom:none; }
  629.  
  630.  
  631. #controls { display:inline-block; float:right;text-align:right;}
  632.  
  633.  
  634. #controls li {
  635. fill:{color:icons};font-size:8px;padding:0 0 0 0;margin:0 0 0 0;color:{color:icons};font-family:lato; }
  636.  
  637.  
  638. #controls ul { margin-left:0; list-style-type:none; }
  639.  
  640.  
  641. #controls li {
  642. position:relative;display:inline-block;margin:0 0 0 2px; }
  643.  
  644.  
  645. .bott a { color:{color:upperlinks}; }
  646.  
  647.  
  648. .bott a:hover {
  649. color:{color:links hover};border-bottom:none; }
  650.  
  651.  
  652. .notes { display:inline-block; }
  653.  
  654.  
  655. .notes a {
  656. display:inline-block;font-size:8px;letter-spacing:0.5px;{block:iflikeandreblog}margin:0;{/block:iflikeandreblog} }
  657.  
  658.  
  659. .like_button {
  660. position: absolute;top: -3px;left: 4px;right: 0;bottom: 0;width: 15px;height: 15px;opacity:0.000001;z-index: 10;cursor:{select:cursor hover} }
  661.  
  662.  
  663. .like_button iframe { width: 100%; height: 100%; }
  664.  
  665.  
  666. .lk {
  667. 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}; }
  668.  
  669.  
  670. .lk .feather {
  671. stroke: {color:icons};
  672. }
  673.  
  674. .like_button:hover + .lk .feather {
  675. stroke:{color:icons};cursor:{select:cursor hover}; }
  676.  
  677. .like_button.liked + .lk .feather { stroke:{color:text accents}; }
  678.  
  679.  
  680.  
  681. /* NOTES */
  682.  
  683.  
  684.  
  685. ol.notes {
  686. 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; }
  687.  
  688.  
  689. ol.notes a { font-size:8px;letter-spacing:0px; }
  690.  
  691.  
  692. ol.notes li.note { padding:10px 0px;margin:20px 0px;display:inline; }
  693.  
  694.  
  695. ol.notes li.note img.avatar {
  696. -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; }
  697.  
  698.  
  699. #n { cursor:{select:cursor hover}; color:{color:permalink}; }
  700.  
  701.  
  702.  
  703. /* PAGINATION */
  704.  
  705.  
  706.  
  707. footer {
  708. 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;}
  709.  
  710.  
  711. .pagination {
  712. padding:15px 10px 15px 10px;display:inline;{block:ifBorders}border:1px solid {color:borders};{/block:ifBorders}background:{color:posts}; }
  713.  
  714.  
  715. a.load {
  716. 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; }
  717.  
  718.  
  719. .pagination i {
  720. 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; }
  721.  
  722. .pagination .feather {
  723. width:12px;height:13px;color:{color:icons};font-family:lato;display:inline-block;margin:-10px 1px -6px 1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:accents 2};padding:4px 5px;color:{color:icons};
  724. stroke: {color:icons};
  725. stroke-width: 2;
  726. stroke-linecap: round;
  727. stroke-linejoin: round;
  728. fill:none; }
  729.  
  730.  
  731. a#prev { margin-right:20px; }
  732.  
  733. a#next { margin-left:20px; }
  734.  
  735.  
  736. .pagination a, a.load {
  737. 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; }
  738.  
  739.  
  740. .pagination a:hover, a.load:hover { color:{color:links hover}; }
  741.  
  742.  
  743. .current {
  744. margin:0 5px;font-size:80%;letter-spacing:1px;font-weight:700;font-family:{select:font};, sans-serif; text-transform:uppercase; }
  745.  
  746.  
  747. {block:ifLoadMore}
  748. .pagination { display:none; }
  749. {/block:ifLoadMore}
  750.  
  751.  
  752. .current {
  753. margin:0 5px;font-size:80%;letter-spacing:1px;font-weight:700;font-family:{select:font};,color{color:text}; sans-serif; text-transform:uppercase; }
  754.  
  755.  
  756. {block:ifinfinitescroll}
  757. .pagination { display:none; }
  758. {/block:ifinfinitescroll}
  759.  
  760.  
  761. #top {
  762. bottom:1px;right:5px;padding:0px;position:fixed;font-size:13px;color:{color:text accents};cursor:{select:cursor hover}; }
  763.  
  764.  
  765. #top svg { width:15px; }
  766.  
  767.  
  768. #top a, #top a:hover { border-bottom:none; }
  769.  
  770. #top .feather {
  771. width:13px;height:14px;color:{color:icons};font-family:lato;display:inline-block;margin:-5px 1px 0 1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:accents 2};padding:4px 5px;color:{color:icons};
  772. stroke: {color:icons};
  773. stroke-width: 3;
  774. stroke-linecap: round;
  775. stroke-linejoin: round;
  776. fill:none; }
  777.  
  778.  
  779.  
  780. /* CREDIT & TABS */
  781.  
  782.  
  783.  
  784. .cr {
  785. 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; }
  786.  
  787.  
  788. .cr:hover { background:color{color:background}; }
  789.  
  790.  
  791. .cr a { color:{color:permalink};font-weight:bold; }
  792.  
  793.  
  794. .cr a:hover { color:{color:links hover}; }
  795.  
  796.  
  797. .cr .feather {
  798. width:13px;height:14px;color:{color:icons};font-family:lato;display:inline-block;margin:-5px 1px 0 1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:accents 2};padding:4px 5px;color:{color:icons};
  799. stroke: {color:icons};
  800. stroke-width: 2;
  801. stroke-linecap: round;
  802. stroke-linejoin: round;
  803. fill:none; }
  804.  
  805.  
  806. .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; }
  807.  
  808.  
  809. .tab .feather {
  810. width:13px;height:14px;color:{color:icons};font-family:lato;display:inline-block;margin:0px 1px 0 1px;color:{color:icons};
  811. stroke: {color:icons};
  812. stroke-width: 2;
  813. stroke-linecap: round;
  814. stroke-linejoin: round;
  815. fill:none; }
  816.  
  817. .tabs {
  818. 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; }
  819.  
  820.  
  821. .tabtext { padding:10px 10px 0px 10px; }
  822.  
  823.  
  824. .tabtext ul { margin-top:0px; }
  825.  
  826.  
  827. #tabt {
  828. 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}; }
  829.  
  830.  
  831. #tabt:first-of-type {
  832. margin-top:-7px;margin-bottom:7px;padding-left:20px; }
  833.  
  834.  
  835. #tabx { text-align:left;margin:3px 0 3px 0; }
  836.  
  837.  
  838.  
  839. {CustomCSS}
  840.  
  841.  
  842.  
  843. </style>
  844.  
  845.  
  846. </head>
  847. <body>
  848.  
  849.  
  850.  
  851. {block:ifHoverControls}
  852. <div class="tumcon"><i data-feather="settings"></i></div>
  853. {/block:ifHoverControls}
  854.  
  855.  
  856. <!-- UPDATES TAB -->
  857.  
  858.  
  859. {block:ifUpdatesTab}
  860. <a class="tab" title="updates!"><i data-feather="moon"></i></a>
  861. <div class="tabs">
  862. <div class="tabtext">
  863.  
  864. <div id="tabt">status</div>
  865. <div id="tabx">
  866. text.
  867. </div>
  868.  
  869. <div id="tabt">info</div>
  870. <div id="tabx">
  871. text.
  872. </div>
  873.  
  874. <div id="tabt">currently</div>
  875. <div id="tabx">
  876. <b>playing:</b> text
  877. <br>
  878. <b>watching:</b> text
  879. <br>
  880. <b>reading:</b> text
  881. </div>
  882.  
  883. <div id="tabt">networks</div>
  884. <div id="tabx">
  885. <ul>
  886. <li><a href="https://">blog</a></li>
  887. <li><a href="https://">blog</a></li>
  888. </ul>
  889. </div>
  890.  
  891. </div>
  892. </div>
  893. {/block:ifUpdatesTab}
  894.  
  895.  
  896. <div class="sidebar">
  897. {block:ifsidebarimage}<div class="simg"><a href="/"><img src="{image:sidebar}"></img></a></div>{/block:ifsidebarimage}
  898. {block:iftitle}<div class="tit"><a href="/">{Title}</a></div>{/block:iftitle}
  899. {block:ifDescription}<div id="desc">{Description}</div>{/block:ifDescription}
  900. <div class="menu">
  901. {block:ifhometitle}<li><a href="/" title="{text:home title}"><i data-feather="power"></i></a></li>{/block:ifhometitle}
  902. {block:ifasktitle}<li><a href="{text:ask link}" title="{text:ask title}"><i data-feather="send"></i></a></li>{/block:ifasktitle}
  903. {block:ifarchivetitle}<li><a href="/archive" title="{text:archive title}"><i data-feather="compass"></i></a></li>{/block:ifarchivetitle}
  904. {block:ifExtraLinks}<li><a class="m" title="{text:links title}"><i data-feather="bar-chart-2"></i></a></li>{/block:ifExtraLinks}
  905. {block:ifSearchBar}<li><a class="ser" title="search"><i data-feather="search"></i></a></li>{/block:ifSearchBar}
  906. </div>
  907. <ul class="links">
  908. {block:iflink1}
  909. <li><a href="{text:url 1}">{text:link 1}</a></li>{/block:iflink1}
  910. {block:iflink2}
  911. <li><a href="{text:url 2}">{text:link 2}</a></li>{/block:iflink2}
  912. {block:iflink3}
  913. <li><a href="{text:url 3}">{text:link 3}</a></li>{/block:iflink3}
  914. {block:iflink4}
  915. <li><a href="{text:url 4}">{text:link 4}</a></li>{/block:iflink4}
  916. {block:iflink5}
  917. <li><a href="{text:url 5}">{text:link 5}</a></li>{/block:iflink5}
  918. {block:iflink6}
  919. <li><a href="{text:url 6}">{text:link 6}</a></li>{/block:iflink6}
  920. {block:iflink7}
  921. <li><a href="{text:url 7}">{text:link 7}</a></li>{/block:iflink7}
  922. {block:iflink8}
  923. <li><a href="{text:url 8}">{text:link 8}</a></li>{/block:iflink8}
  924. </ul>
  925. <form action="/search" class="srch" method="get"><input id="searchField" name="q" placeholder="search!" type="text" value="{SearchQuery}"/></form>
  926.  
  927. </div>
  928.  
  929.  
  930. <div class="cr"><a href="https://kimtys.tumblr.com" title="kimtys"><i data-feather="save"></i></a></div>
  931.  
  932.  
  933. <div id="content">
  934.  
  935.  
  936. {block:Posts}
  937.  
  938.  
  939. <div class="posts" id="{PostID}">
  940.  
  941. {block:Date}
  942. {block:IndexPage}
  943. <div class="perma"><div id="permalinks"><i data-feather="share-2"></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 data-feather="tag"></i></li>{/block:HasTags}{/block:ifShowTags} {block:ifLikeandReblog}<li class="like" title="like?"><div class="like_button"></div>{LikeButton}<span class="lk"><i data-feather="heart"></i></span></li>
  944. <li class="reblog"><a href="{ReblogURL}" title="reblog?"><i data-feather="refresh-cw"></i></a></li>{/block:ifLikeandReblog}</div>
  945. </div>
  946. {/block:IndexPage}
  947.  
  948. {block:PermalinkPage}
  949. <div class="perma"><div id="permalinks"><i data-feather="share-2"></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 data-feather="heart"></i></span></li>
  950. <li class="reblog"><a href="{ReblogURL}" title="reblog?"><i data-feather="refresh-cw"></i></a></li></div>
  951. </div>
  952. {/block:PermalinkPage}
  953. {/block:Date}
  954.  
  955.  
  956. {block:ContentSource}
  957. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  958. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  959. {/block:ContentSource}
  960.  
  961.  
  962. {block:Text}
  963. {block:Title}<h1>{Title}</h1>{/block:Title}
  964. {block:Body}<div class="caption">{Body}</div>{/block:Body}
  965. {/block:Text}
  966.  
  967.  
  968. {block:Link}
  969. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<div class="caption">{Description}</div>{/block:Description}
  970. {/block:Link}
  971.  
  972.  
  973. {block:Photo}
  974. <div id="photo">
  975. {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt='{PhotoAlt}' />{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}{/block:PermalinkPage}
  976. </div>
  977. {/block:Photo}
  978.  
  979.  
  980. {block:Photoset}
  981. <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}
  982. </div>
  983. {/block:Photoset}
  984.  
  985.  
  986. {block:Video}
  987. <div class="video">{Video-500}</div>
  988. {/block:Video}
  989.  
  990.  
  991. {block:Audio}
  992. {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>
  993. </div>
  994. {/block:Audio}
  995.  
  996.  
  997. {block:Answer}
  998. <div id="ques"><div id="quesa"><img src="{AskerPortraitURL-64}"> <b>{Asker}</b> {Question}</div></div><div id="ans">{Answer}</div>
  999. {/block:Answer}
  1000.  
  1001.  
  1002. {block:Quote}
  1003. <div id="quote">{Quote}</div>
  1004. {block:Source}<div id="source">{Source}</div>{/block:Source}
  1005. {/block:Quote}
  1006.  
  1007.  
  1008. {block:Chat}
  1009. {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>
  1010. {/block:Chat}
  1011.  
  1012.  
  1013.  
  1014. {block:Caption}<div class="caption" {block:IndexPage}{block:ifNotCaptions}style="display:none;"{block:ifNotCaptions}{/block:IndexPage}>{Caption}</div>{/block:Caption}
  1015.  
  1016. {block:HasTags}<div class="tg">{block:Tags}<a href="{TagUrl}">{Tag}</a><span class="tag-commas">, </span> {/block:Tags}</div>{/block:HasTags}
  1017.  
  1018. {block:PermalinkPage}
  1019. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1020. {/block:PermalinkPage}
  1021.  
  1022. </div>
  1023.  
  1024. {/block:Posts}
  1025. </div>
  1026.  
  1027.  
  1028. {block:IndexPage}
  1029. {block:Pagination}
  1030. <footer>
  1031. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}" id="prev" title="previous"><i data-feather="chevron-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 data-feather="chevron-right"></i></a>{/block:NextPage}</div>{block:ifLoadMore}<a href="#" class="load">load more</a>{/block:ifLoadMore}
  1032. </footer>
  1033. {/block:Pagination}
  1034. {/block:IndexPage}
  1035.  
  1036.  
  1037. {block:ifBackToTop}
  1038. <a id="top" title="back to top"><i data-feather="chevron-up"></i></a>
  1039. {/block:ifBackToTop}
  1040.  
  1041.  
  1042. <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="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script><script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>{block:IndexPage}{block:ifLoadMore}<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script><script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifLoadMore}{/block:IndexPage}
  1043.  
  1044.  
  1045. <script>
  1046. $(document).ready(function(){
  1047. $('.posts').unnest({
  1048. yourCaption: ".caption",
  1049. wrapName: ".tumblr_parent",
  1050. newCaptionUsername: true,
  1051. originalPostCaptionUsername: true,
  1052. tumblrAvatars: true,
  1053. tumblrAvatarClass: ".tumblr_avatar",
  1054. usernameColon: false
  1055. });
  1056. $("p:empty").remove();
  1057. $("img.tumblr_avatar").error(function(){$(this).hide();});
  1058. {block:ifShortNoteCount}
  1059. var $container = $('#content');
  1060. $container.find('.notecount').each(function(){
  1061. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1062. if (n > 999) {
  1063. n = Math.floor(n / 100) / 10;
  1064. $(this).text(n + 'k notes');
  1065. }
  1066. });
  1067. {/block:ifShortNoteCount}
  1068. $("[title],a[title],img[title]").style_my_tooltips({
  1069. tip_follows_cursor:true,
  1070. tip_delay_time:10,
  1071. tip_fade_speed:500,
  1072. attribute:"title"
  1073. });
  1074. $(window).scroll(function () {
  1075. if ($(this).scrollTop() > 200)
  1076. { $('#top').fadeIn(); }
  1077. else
  1078. { $('#top').fadeOut(); }
  1079. });
  1080. $('#top').click(function () {
  1081. $("html, body").animate({scrollTop:0}, 1000);
  1082. return false;
  1083. });
  1084. $('iframe.tumblr_audio_player').load( function() {
  1085. $('iframe.tumblr_audio_player').contents().find("head")
  1086. .append($("<style type='text/css'> .audio-player{background:{color:captions} !important} </style>"));
  1087. });
  1088. $('.photo-slideshow').pxuPhotoset({
  1089. lightbox: true,
  1090. rounded: false,
  1091. gutter: '1px',
  1092. borderRadius: '0px',
  1093. photoset: '.photo-slideshow',
  1094. photoWrap: '.photo-data',
  1095. photo: '.pxu-photo'
  1096. });
  1097. $(".m").click(function(){
  1098. $(".links").slideToggle(300);
  1099. });
  1100. $(".ser").click(function(){
  1101. $(".srch").slideToggle(100);
  1102. });
  1103. $("#n").click(function(){
  1104. $(".notes").slideToggle(300);
  1105. });
  1106. $(".tab").click(function(){
  1107. $(".tabs").slideToggle(300);
  1108. });
  1109. $('.com').each(function() {
  1110. $(this).click(function() {
  1111. var $this = $(this);
  1112. $this.closest('.posts').find('.tg').slideToggle(100);
  1113. $this.toggleClass('tags');
  1114. if ($this.hasClass('tags')) {
  1115. }
  1116. });
  1117. });
  1118. {block:IndexPage}
  1119. {block:ifLoadMore}
  1120. var $container = $('#content');
  1121. $container.masonry({ itemSelector: '.posts' });
  1122. $container.imagesLoaded(function(){
  1123. $container.masonry();
  1124. $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
  1125. });
  1126. var $container = $('#content');
  1127. $container.infinitescroll({
  1128. itemSelector :".posts",
  1129. navSelector : ".pagination",
  1130. nextSelector : ".pagination a#next",
  1131. loadingImg : "",
  1132. loadingText : "<em></em>",
  1133. bufferPx : 2000,
  1134. errorCallback: function(){$('.load').parent().delay(2000).hide();},
  1135. },
  1136. function(newElements){
  1137. var $newElems = $( newElements ).css({ opacity: 0 });
  1138. $newElems.unnest({
  1139. yourCaption: ".caption",
  1140. wrapName: ".tumblr_parent",
  1141. newCaptionUsername: true,
  1142. originalPostCaptionUsername: true,
  1143. tumblrAvatars: true,
  1144. tumblrAvatarClass: ".tumblr_avatar",
  1145. usernameColon: false
  1146. });
  1147. var $newElems = $(newElements);
  1148. var $newElemsIDs = $newElems.map(function(){
  1149. return this.id;
  1150. }).get();
  1151. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1152. resizeVideos();
  1153. $(newElements).find('iframe.tumblr_audio_player').load( function() {
  1154. $('iframe.tumblr_audio_player').contents().find("head")
  1155. .append($("<style type='text/css'> .audio-player{background:{color:posts} !important} </style>"));
  1156. });
  1157. $(newElements).find('.com').each(function() {
  1158. $(this).click(function() {
  1159. var $this = $(this);
  1160. $this.closest('.posts').find('.tg').slideToggle(100);
  1161. $this.toggleClass('tags');
  1162. if ($this.hasClass('tags')) {
  1163. }
  1164. });
  1165. });
  1166. {block:ifShortNoteCount}
  1167. $(newElements).find('.notecount').each(function(){
  1168. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1169. if (n > 999) {
  1170. n = Math.floor(n / 100) / 10;
  1171. $(this).text(n + 'k notes');
  1172. }
  1173. });
  1174. {/block:ifShortNoteCount}
  1175. $(newElements).find("p:empty").remove();
  1176. $(newElements).find("img.tumblr_avatar").error(function(){$(this).hide();});
  1177. $(newElements).find('.photo-slideshow').pxuPhotoset({
  1178. lightbox: true,
  1179. rounded: false,
  1180. gutter: '1px',
  1181. borderRadius: '0px',
  1182. photoset: '.photo-slideshow',
  1183. photoWrap: '.photo-data',
  1184. photo: '.pxu-photo'
  1185. },
  1186. function(){
  1187. $container.masonry();
  1188. });
  1189. $newElems.imagesLoaded(function(){
  1190. $container.masonry( 'appended', $newElems );
  1191. $newElems.animate({ opacity: 1, zIndex: 1 });
  1192. });
  1193. });
  1194. $(window).unbind('.infscr');
  1195. $('.load').click(function(){
  1196. $('#content').infinitescroll('retrieve').parent('body').find('.load').parent(); return false;
  1197. });
  1198. {/block:ifLoadMore}
  1199. {/block:IndexPage}
  1200. });
  1201. </script>
  1202.  
  1203. <script>
  1204. feather.replace()
  1205. </script>
  1206.  
  1207. </body>
  1208. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!