API tools faq
paste
kimtys

BUBBLEGUM

kimtys
Apr 9th, 2017
27,718
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6. BUBBLEGUM THEME BY KIMTYS.TUMBLR.COM
  7.  
  8. edit as much as you want but please don't hide or remove credits!
  9.  
  10. --
  11.  
  12.  
  13. photoset: pixelunion (github.com)
  14. video: shythemes (tumblr.com)
  15. like & reblog button: mikedidthis (github.com) & shythemes (tumblr.com)
  16. smoothscroll: zacharyfury (tumblr.com)
  17. infinite scroll: paulirish (github.com)
  18. icons: feather icons (feathericons.com) & antonps (github.com)
  19. masonry: desandro (masonry.desandro.com)
  20. hover controls: shythemes (tumblr.com)
  21. audio player color: roxiestheme (tumblr.com)
  22.  
  23.  
  24. -->
  25.  
  26. <head>
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}" />
  29. {block:Description}
  30. <meta name="description" content="{MetaDescription}" />
  31. {/block:Description}
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  33. <link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  34.  
  35.  
  36. <meta name="image:icon" content="" />
  37. <meta name="image:sidebar" content="" />
  38. <meta name="image:background" content="" />
  39.  
  40. <meta name="color:background" content="#ffffff" />
  41. <meta name="color:posts" content="#ffffff" />
  42. <meta name="color:sidebar" content="#ffffff" />
  43. <meta name="color:icon bg" content="#ffffff" />
  44. <meta name="color:borders" content="#eeeeee" />
  45. <meta name="color:text" content="#666666" />
  46. <meta name="color:links" content="#b5b5b5" />
  47. <meta name="color:links hover" content="#333333" />
  48. <meta name="color:description" content="#f8f8f8" />
  49. <meta name="color:permalink links 1" content="#aaaaaa" />
  50. <meta name="color:permalink links 2" content="#aaaaaa" />
  51. <meta name="color:permalink bg" content="#f5f5f5" />
  52. <meta name="color:icons" content="#cccccc" />
  53. <meta name="color:captions" content="#f8f8f8" />
  54. <meta name="color:post accents" content="#f8f8f8" />
  55. <meta name="color:text accents" content="#ffc5c5" />
  56. <meta name="color:scrollbar" content="#ffc5c5" />
  57.  
  58.  
  59. <meta name="if:right sidebar" content="0" />
  60. <meta name="if:sidebar icon" content="1" />
  61. <meta name="if:title" content="1" />
  62. <meta name="if:description" content="1" />
  63. <meta name="if:search bar" content="1" />
  64. <meta name="if:captions" content="1" />
  65. <meta name="if:tags" content="1" />
  66. <meta name="if:source" content="1" />
  67. <meta name="if:notes" content="1" />
  68. <meta name="if:like and reblog" content="1" />
  69. <meta name="if:top permalink" content="1" />
  70. <meta name="if:bottom permalink" content="1" />
  71. <meta name="if:centered captions" content="1" />
  72. <meta name="if:blockquote" content="0" />
  73. <meta name="if:hover controls" content="1" />
  74. <meta name="if:back to top" content="1" />
  75. <meta name="if:infinite scroll" content="0" />
  76. <meta name="if:load more" content="0" />
  77.  
  78. <meta name="select:background image" content="cover" title="cover">
  79. <meta name="select:background image" content="repeat" title="repeat">
  80.  
  81. <meta name="select:index post size" content="350" title="350px" />
  82. <meta name="select:index post size" content="200" title="200px" />
  83. <meta name="select:index post size" content="230" title="230px" />
  84. <meta name="select:index post size" content="250" title="250px" />
  85. <meta name="select:index post size" content="270" title="270px" />
  86. <meta name="select:index post size" content="300" title="300px" />
  87. <meta name="select:index post size" content="330" title="330px" />
  88. <meta name="select:index post size" content="370" title="370px" />
  89. <meta name="select:index post size" content="400" title="400px" />
  90. <meta name="select:index post size" content="430" title="430px" />
  91. <meta name="select:index post size" content="450" title="450px" />
  92. <meta name="select:index post size" content="470" title="470px" />
  93. <meta name="select:index post size" content="500" title="500px" />
  94.  
  95. <meta name="select:permalink post size" content="500" title="500px" />
  96. <meta name="select:permalink post size" content="200" title="200px" />
  97. <meta name="select:permalink post size" content="230" title="230px" />
  98. <meta name="select:permalink post size" content="250" title="250px" />
  99. <meta name="select:permalink post size" content="270" title="270px" />
  100. <meta name="select:permalink post size" content="300" title="300px" />
  101. <meta name="select:permalink post size" content="330" title="330px" />
  102. <meta name="select:permalink post size" content="350" title="350px" />
  103. <meta name="select:permalink post size" content="370" title="370px" />
  104. <meta name="select:permalink post size" content="400" title="400px" />
  105. <meta name="select:permalink post size" content="430" title="430px" />
  106. <meta name="select:permalink post size" content="450" title="450px" />
  107. <meta name="select:permalink post size" content="470" title="470px" />
  108.  
  109. <meta name="select:font" content="muli" title="muli">
  110. <meta name="select:font" content="arial" title="arial">
  111. <meta name="select:font" content="calibri" title="calibri">
  112. <meta name="select:font" content="cambria" title="cambria">
  113. <meta name="select:font" content="karla" title="karla">
  114. <meta name="select:font" content="inconsolata" title="inconsolata">
  115. <meta name="select:font" content="lato" title="lato">
  116. <meta name="select:font" content="play" title="play">
  117. <meta name="select:font" content="pt sans" title="pt sans">
  118. <meta name="select:font" content="roboto" title="roboto">
  119. <meta name="select:font" content="source sans pro" title="source sans pro">
  120. <meta name="select:font" content="work sans" title="work sans">
  121.  
  122. <meta name="select:cursor hover" content="help" title="help">
  123. <meta name="select:cursor hover" content="pointer" title="pointer">
  124. <meta name="select:cursor hover" content="default" title="default">
  125. <meta name="select:cursor hover" content="crosshair" title="crosshair">
  126.  
  127.  
  128. <meta name="text:list style" content="—" />
  129. <meta name="text:padding" content="7" />
  130. <meta name="text:sidebar width" content="150" />
  131. <meta name="text:sidebar top" content="150" />
  132. <meta name="text:posts margin" content="50" />
  133. <meta name="text:posts left" content="500" />
  134. <meta name="text:home title" content="index"/>
  135. <meta name="text:ask title" content="ask"/>
  136. <meta name="text:ask link" content="/ask"/>
  137. <meta name="text:archive title" content="archive"/>
  138. <meta name="text:link 1" content=""/>
  139. <meta name="text:url 1" content="/"/>
  140. <meta name="text:link 2" content=""/>
  141. <meta name="text:url 2" content="/"/>
  142. <meta name="text:link 3" content=""/>
  143. <meta name="text:url 3" content="/"/>
  144. <meta name="text:link 4" content=""/>
  145. <meta name="text:url 4" content="/"/>
  146. <meta name="text:link 5" content=""/>
  147. <meta name="text:url 5" content="/"/>
  148. <meta name="text:link 6" content=""/>
  149. <meta name="text:url 6" content="/"/>
  150. <meta name="text:link 7" content=""/>
  151. <meta name="text:url 7" content="/"/>
  152. <meta name="text:link 6" content=""/>
  153. <meta name="text:url 7" content="/"/>
  154.  
  155.  
  156.  
  157. <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|Roboto:300,400,500,700,300italic,400italic,500italic,700italic|Lato:300,400,500,700,300italic,400italic,500italic,700italic|Monaco:300,400,500,700,300italic,400italic,500italic,700italic|Inconsolata: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|Hind:300,400,500,700,300italic,400italic,500italic,700italic|Play:300,400,500,700,300italic,400italic,500italic,700italic|Roboto+Mono: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'>
  158.  
  159.  
  160. <style type="text/css">
  161.  
  162.  
  163.  
  164. /* Tumblr Controls */
  165.  
  166.  
  167.  
  168. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  169. position:fixed;z-index:999999999;top:0;right:0;{block:ifHoverControls}{block:IndexPage}opacity:0;{/block:IndexPage}{/block:ifHoverControls}{block:ifNotHoverControls}{block:IndexPage}opacity:0.3;{/block:IndexPage}{/block:ifNotHoverControls}{block:PermalinkPage}opacity:0.3;{/block:PermalinkPage}{block:ifHoverControls}padding-right:40px;{/block:ifHoverControls}padding-top:5px;-webkit-filter:invert(100%);-webkit-backface-visibility:hidden;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out; }
  170.  
  171.  
  172. #tumblr_controls:hover, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover { opacity:0.3; }
  173.  
  174.  
  175. .tumcon { position:fixed;z-index:99;top:15px;right:16px; }
  176.  
  177.  
  178. .tumcon i {
  179. font-size:21px;height:auto;margin-top:-9px;display:inline-block;overflow:hidden;color:{color:icons}; }
  180.  
  181. .tumcon .feather {
  182. width:27px;color:{color:icons};font-family:lato;display:inline-block;margin:-10px 0;float:left;
  183. stroke: {color:icons};
  184. stroke-width: 1;
  185. stroke-linecap: round;
  186. stroke-linejoin: round;
  187. fill:none; }
  188.  
  189.  
  190.  
  191. /* Tooltips */
  192.  
  193.  
  194.  
  195. #s-m-t-tooltip {
  196. max-width:350px;margin:25px 15px;padding:4px 7px 4px 7px;z-index:999999;font:9px {select:font}, sans-serif;letter-spacing:0.5px;line-height:150%;text-align:justify;font-style:normal;text-transform:lowercase;border:1px solid {color:borders};background:{color:posts};-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; color:{color:text}; }
  197.  
  198.  
  199.  
  200. /* Scrollbar & Selection */
  201.  
  202.  
  203.  
  204. ::-webkit-scrollbar-thumb:vertical { background: {color:scrollbar}; }
  205. ::-webkit-scrollbar-thumb:horizontal { background: {color:scrollbar}; }
  206.  
  207.  
  208. ::-webkit-scrollbar {
  209. height: 5px; width: 5px; background:{color:background}; }
  210.  
  211.  
  212. ::-moz-selection { background:rgba({RGBcolor:text accents}, .5);color:#000; }
  213. ::selection { background:rgba({RGBcolor:text accents}, .5);color:#000; }
  214.  
  215.  
  216.  
  217. /* Body */
  218.  
  219.  
  220.  
  221. body {
  222. 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:140%;letter-spacing:0px;word-wrap:break-word;text-align:justify;margin:0;padding:0; }
  223.  
  224.  
  225. a {
  226. 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; }
  227.  
  228.  
  229. a:hover, a.tumblr_blog:hover {
  230. color:{color:links hover}; cursor:{select:cursor hover}; border-bottom:1px solid {color:text accents}; transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  231.  
  232.  
  233. b, strong, bold { font-weight:bold;font-size:95%; }
  234.  
  235.  
  236. i, italic, em, oblique { font-style:italic; }
  237.  
  238.  
  239. h1 {
  240. padding:13px 5px 13px 5px;font: bold 110% {select:font}, sans-serif;text-align:center;letter-spacing:0.5px;text-transform:uppercase;line-height:120%;border:1px solid {color:borders};margin:3px 0 7px 0;background:{color:post accents};-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
  241.  
  242.  
  243. h2, h3, h4, h5 {
  244. padding:9px 5px 9px 5px;font: bold 80% {select:font}, sans-serif;text-align:center;letter-spacing:0.5px;text-transform:uppercase;line-height:120%;border-bottom:1px solid {color:borders};margin:3px 0 3px 0;background:{color:posts};-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
  245.  
  246.  
  247. small, sub, sup, code, big { font-size:100%; }
  248.  
  249.  
  250. pre, xmp, plaintext, listing {
  251. width:97%;margin:0;padding:5px;background:linear-gradient(rgba(0, 0, 0, .02),rgba(0, 0, 0, .02)), {color:captions};white-space:pre-wrap;word-wrap:break-word; }
  252.  
  253.  
  254. blockquote {
  255. margin-left:0px;margin-bottom:0px;width:auto;margin-top:0px;margin-right:0px;color:{color:text};padding-left:15px; border-left:2px solid {color:text accents}; }
  256.  
  257.  
  258. blockquote blockquote {
  259. margin-left:1px;padding-left:15px; border-left:2px solid {color:text accents};}
  260.  
  261.  
  262. .caption blockquote {
  263. margin-top:0px; {block:ifcenteredcaptions}padding-left:0px;{block:ifblockquote}padding-left:10px;{/block:ifblockquote}{/block:ifcenteredcaptions}{block:ifnotcenteredcaptions}padding-left:10px;{block:ifnotblockquote}padding-left:0px;{/block:ifnotblockquote}{/block:ifnotcenteredcaptions}{block:ifblockquote}border-left:2px solid {color:text accents};{/block:ifblockquote}{block:ifnotblockquote}border-left:none;{/block:ifnotblockquote} }
  264.  
  265.  
  266. ul, ol { margin:5px 0px 5px 15px; padding:0; }
  267.  
  268.  
  269. ul { margin-left:0; list-style-type:none; }
  270.  
  271.  
  272. ul li { padding:1px 0px 1px 30px; position:relative; text-align:left; }
  273.  
  274.  
  275. ul li:before {
  276. content:'{text:list style}';top:1px;color:{color:text accents};left:10px;font-size:10px;position:absolute;display:block;font-family:sans-serif; }
  277.  
  278.  
  279. hr {
  280. border: 0;height: 1px;background:{color:borders};margin:10px 0 10px 0; }
  281.  
  282.  
  283.  
  284. /* Posts */
  285.  
  286.  
  287.  
  288. #content {
  289. {block:IndexPage}width:{select:index post size}px;{/block:IndexPage}{block:PermalinkPage}width:{select:permalink post size}px;{/block:PermalinkPage}margin:70px {text:posts left}px;padding:0; }
  290.  
  291.  
  292. .posts {
  293. {block:IndexPage}width:{select:index post size}px;{/block:IndexPage}{block:PermalinkPage}width:{select:permalink post size}px;{/block:PermalinkPage}margin:{text:posts margin}px 0 {text:posts margin}px 0;padding:{text:padding}px;background:{color:posts};position:relative;display:inline-block; }
  294.  
  295.  
  296. {block:ifLoadMore}
  297. {block:IndexPage}
  298. .posts {
  299. opacity:0;z-index:-1; }
  300. {/block:IndexPage}
  301. {/block:ifLoadMore}
  302.  
  303.  
  304. #bg { background:{color:posts}; padding:1px 10px; }
  305.  
  306.  
  307. .caption {
  308. margin-top:7px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;{block:ifcenteredcaptions}text-align:center;{/block:ifcenteredcaptions}{block:ifnotcenteredcaptions}text-align:left;{/block:ifnotcenteredcaptions}border:1px solid {color:borders};padding:15px 10px;background:{color:captions};{block:IndexPage}{block:ifNotCaptions}display:none;{block:ifNotCaptions}{/block:IndexPage} }
  309.  
  310.  
  311. .caption p { margin:0; padding:0; }
  312.  
  313.  
  314.  
  315. /* Sibebar */
  316.  
  317.  
  318.  
  319. .sidebar {
  320. 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:index post size}px + 170px);{/block:IndexPage}{block:PermalinkPage}margin-left:calc({text:posts left}px + {select:permalink post size}px + 150px);{/block:PermalinkPage}{/block:ifRightSidebar}{block:ifNotRightSidebar}{block:IndexPage}margin-left:calc({text:posts left}px - {text:sidebar width}px - 160px);{/block:IndexPage}{block:PermalinkPage}margin-left:calc({text:posts left}px - {text:sidebar width}px - 160px);{/block:PermalinkPage}{/block:ifNotRightSidebar}text-align:left;position:fixed;padding:{text:padding}px; }
  321.  
  322.  
  323. .s_ava {
  324. left:50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);display:block;width:40px;height:40px;margin-top:-23px; margin-left:-46%;position:absolute;border:1px solid {color:borders};padding:3px;background:{color:icon bg};-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;z-index:999; }
  325.  
  326.  
  327. .s_ava img {
  328. width:40px;opacity:1;height:40px;margin-bottom:-4px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;transition-duration: 0.6s;-moz-transition-duration: 0.6s;-webkit-transition-duration: 0.6s;-o-transition-duration: 0.6s; }
  329.  
  330.  
  331. .s_ava img:hover {
  332. opacity:0;transition-duration: 0.6s;-moz-transition-duration: 0.6s;-webkit-transition-duration: 0.6s;-o-transition-duration: 0.6s; }
  333.  
  334.  
  335. .s_ava .feather {
  336. width:26px;color:{color:icons};font-family:lato;display:inline-block;margin:-34px 5px 0 6px;float:left;
  337. stroke: {color:icons};
  338. stroke-width: 1;
  339. stroke-linecap: round;
  340. stroke-linejoin: round;
  341. fill:none; }
  342.  
  343.  
  344. .s_ava a, .s_ava a:hover { border-bottom:none; }
  345.  
  346.  
  347. .s_img { margin-bottom:3px; }
  348.  
  349.  
  350. .s_img img { width:{text:sidebar width}px; }
  351.  
  352.  
  353. .title {
  354. font-weight:bold;letter-spacing:-1px;font-size:20px;text-transform:lowercase;position:relative;display:block;font-style:normal;{block:ifsidebaricon}padding-left:20px;{/block:ifsidebaricon}{block:ifnotsidebaricon}padding-left:0px;{/block:ifnotsidebaricon}margin:0px 0 0 0;top:0;margin-bottom:7px;text-align:right;color:{color:text accents};border-bottom:1px solid {color:borders};line-height:80%;}
  355.  
  356.  
  357. .title a {
  358. color:rgba({RGBcolor:text accents}, .7);padding-bottom:6px;display:inline-block;padding-right:3px;word-wrap:break-word;margin-bottom:-1px;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-word; }
  359.  
  360.  
  361. .title a:hover {
  362. border-bottom:1px solid {color:text accents}, color:{color:links}; }
  363.  
  364.  
  365. #desc {
  366. background:{color:description};border:1px solid {color:borders};word-wrap:break-word;padding:10px 20px 10px 20px;font-size:10px;text-transform:none;text-align:center;font-family:{select:font}, sans-serif;letter-spacing:0px;margin-top:0px;color:{color:text};margin-bottom:{block:ifsearchbar}10px{block:ifsearchbar}{block:ifnotsearchbar}5px{/block:ifnotsearchbar};-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
  367.  
  368.  
  369. .menu {
  370. {block:ifsidebaricon}display:none;{/block:ifsidebaricon}margin-top:5px;margin-bottom:{block:ifsearchbar}10px{/block:ifsearchbar}{block:ifnotsearchbar}0px{/block:ifnotsearchbar};line-height:100%;font:9px {select:font}, sans-serif;font-weight:normal;letter-spacing: 0.5px;text-transform:lowercase;text-align:center;width:{text:sidebar width}px;word-wrap:break-word;}
  371.  
  372.  
  373. .menu a {
  374. margin:0px 0px 0px -8px; padding:0px 0px 1px 0px;display:inline-block;color:{color:links};word-wrap:break-word;border-bottom:none; }
  375.  
  376.  
  377. .menu a:hover {
  378. color:{color:links hover};border-bottom:none; }
  379.  
  380.  
  381. .menu ul { margin:0;text-align:center; }
  382.  
  383.  
  384. .menu ul li {
  385. width:calc(100%/2 - 30px);display:inline-block;float:left;word-wrap:break-word;margin:1px 0 1px 0;text-align:left; }
  386.  
  387.  
  388. .menu ul li:before { margin-left:-5px; }
  389.  
  390.  
  391. .links:after {
  392. content:"";display:table;clear:both; }
  393.  
  394.  
  395. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  396. input-placeholder { color:rgba({RGBcolor:links}, .6); }
  397. input::-webkit-input-placeholder { color:rgba({RGBcolor:links}, .6); }
  398. input::-moz-placeholder { color:rgba({RGBcolor:links}, .6); }
  399. input:-moz-placeholder { color:rgba({RGBcolor:links}, .6); }
  400. input:-ms-input-placeholder { color:rgba({RGBcolor:links}, .6); }
  401.  
  402.  
  403. .srch {
  404. outline:none; padding:0;color:{color:links};{block:ifnotdescription}margin-top:-10px;{/block:ifnotdescription} }
  405.  
  406.  
  407. .srch svg {
  408. display:inline-block;width:13px;height:auto;float:left;position:absolute;margin-left:4px;margin-right:5px;{block:ifdescription}margin-top:2px;{/block:ifdescription};{block:ifnotdescription}margin-top:15px;{/block:ifnotdescription}fill:{color:icons}; }
  409.  
  410.  
  411. .srch input {
  412. border:none;border-top:1px solid {color:borders};outline:none;display:inline-block;font-family:{select:font}, sans-serif;font-size:10px;color:{color:links};background:transparent;width:calc(100% - 32px);{block:ifdescription}margin-top:-3px;{/block:ifdescription};{block:ifnotdescription}margin-top:10px;{/block:ifnotdescription}padding:5px 6px 6px 26px;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  413.  
  414.  
  415. .srch input:focus {
  416. border-top:1px solid {color:text accents};transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  417.  
  418.  
  419.  
  420. /* Image */
  421.  
  422.  
  423.  
  424. .posts img { max-width:100%;height:auto; }
  425.  
  426.  
  427. #photo img { width:100%; display:block; }
  428.  
  429.  
  430.  
  431. /* Photoset */
  432.  
  433.  
  434.  
  435. .tmblr-lightbox { background:rgba({RGBcolor:background}, .7)!important; }
  436.  
  437.  
  438. .vignette, .lightbox-caption { opacity:0!important; }
  439.  
  440.  
  441. .lightbox-image {
  442. 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; }
  443.  
  444.  
  445.  
  446. /* Video */
  447.  
  448.  
  449.  
  450. .video, .video iframe { display:block; overflow:hidden; }
  451.  
  452.  
  453.  
  454. /* Audio */
  455.  
  456.  
  457. #art {
  458. height: 49px;width: 49px;border-left:7px solid {color:posts};background:{color:post accents};float:right;margin-top:0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
  459.  
  460.  
  461. #art img {
  462. height: 49px; width: 49px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
  463.  
  464.  
  465. #info {
  466. margin-left: 50px;margin-right: 0px;text-align:left;padding:4px 5px 4px 10px;height:40px;line-height:140%;border:1px solid {color:borders};overflow:scroll;overflow:auto;display:block;background:{color:post accents};text-transform:uppercase;font-size:90%;color:rgba({RGBcolor:text}, .7)letter-spacing:0.5px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
  467.  
  468.  
  469. .infox {
  470. position: relative;top: 50%;max-height:50px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
  471.  
  472.  
  473. #info span.song {
  474. display:block;font-weight:bold;margin-right:3px;color:{color:texts}; }
  475.  
  476.  
  477. iframe.soundcloud_audio_player {
  478. {block:IndexPage}width:{select:index post size}px;{/block:IndexPage}{block:PermalinkPage}width:{select:permalink post size}px;{/block:PermalinkPage}height:auto;display:block; }
  479.  
  480.  
  481.  
  482. /* Ask */
  483.  
  484.  
  485. #ques {
  486. display:table;width:100%; }
  487.  
  488.  
  489. #quesi {
  490. width:30px; display:table-cell; vertical-align:middle; }
  491.  
  492.  
  493. #quesa {
  494. padding:10px;display:table-cell; vertical-align:middle; border:1px solid {color:borders};-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:{color:post accents}; }
  495.  
  496.  
  497. #quesa img {
  498. -moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;width:35px;height:35px;float:left;margin-top:-5px;margin-right:10px;display:inline-block;padding:3px;border:1px solid {color:borders};background:{color:posts}; }
  499.  
  500.  
  501. #quesa b {
  502. font-weight:bold;display:block;margin-bottom:0px;font-size:80%;text-transform:uppercase;letter-spacing:0.5px; }
  503.  
  504.  
  505. #ans {
  506. padding:1px 10px 1px 10px;background:{color:posts}; }
  507.  
  508.  
  509.  
  510. /* Quote */
  511.  
  512.  
  513.  
  514. #quote {
  515. font-size:130%;text-align:center;padding:10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:1px solid {color:borders};background:{color:post accents};font-family:{select:font}; line-height:150%; }
  516.  
  517.  
  518. #source {
  519. padding:10px;background:{color:posts};text-align:right; }
  520.  
  521.  
  522.  
  523. /* Chat */
  524.  
  525.  
  526.  
  527. .lines {
  528. margin:0;line-height:170%; }
  529.  
  530.  
  531. .lines .line {
  532. background:{color:post accents};padding: 3px 4px 3px 3px;border-top:2px solid {color:posts};border-bottom:2px solid {color:posts}; }
  533.  
  534.  
  535. .lines b {
  536. color:{color:text accents};margin-right:3px;margin-left:-3px;background:{color:posts};padding:7px 6px 7px 6px; }
  537.  
  538.  
  539.  
  540. /* Permalinks */
  541.  
  542.  
  543.  
  544. .perma {
  545. position:relative;margin:0px 0 7px 0;border-bottom:1px solid {color:borders};color:rgba({RGBcolor:permalink links 2}, .4);text-transform:lowercase;padding:0px 0px 0px 0px;text-align:right;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;
  546. {block:IndexPage}{block:ifnottoppermalink}display:none;{/block:ifnottoppermalink}{/block:IndexPage}}
  547.  
  548.  
  549. .perma a {
  550. padding:0 0 1px 0; margin:0 2px 0 2px; display:inline-block; text-align:center;font:9px {select:font};letter-spacing:0.5px;word-spacing:2px;color:{color:permalink links 2}; border-bottom:none; }
  551.  
  552.  
  553. .perma a:hover {
  554. color:{color:links hover};border-bottom:none;text-decoration:none; }
  555.  
  556.  
  557. .perma svg {
  558. width:8px;height:auto;padding:1px;margin-top:0px;opacity:1;display:block;overflow:visible;fill:{color:icons}; }
  559.  
  560.  
  561. .bott {
  562. margin:7px 0 0px 0;color:rgba({RGBcolor:permalink links 2}, .4);border-top:1px solid {color:borders};font:9px {select:font};letter-spacing:0.5px;text-transform:lowercase;padding:0 0px 0 0px;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} }
  563.  
  564.  
  565. .bott a {
  566. padding:0 0 0; margin:0 0 0 0; display:inline-block; font:9px {select:font};letter-spacing:0.5px;border-bottom:none;color:{color:permalink links 2}; }
  567.  
  568.  
  569.  
  570. .bott a:hover {
  571. color:{color:links hover};border-bottom:none; }
  572.  
  573.  
  574. #date {
  575. position:absolute;border-top:1px solid {color:borders};margin-top:-1px;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  576.  
  577.  
  578. #date:hover { border-top:1px solid {color:text accents};transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  579.  
  580.  
  581. #date a {
  582. color:{color:permalink links 1};background:{color:permalink bg};text-transform:uppercase;padding:9px 9px 8px 9px;letter-spacing:0.5px;word-spacing:0px;font-size:8px; }
  583.  
  584.  
  585. #date a:hover { color:{color:links hover}; text-decoration:none; }
  586.  
  587.  
  588. #date2 {
  589. display:inline-block;margin-left:5px;margin-bottom:-1px;border-bottom:1px solid {color:borders};transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  590.  
  591.  
  592. #date2:hover { border-bottom:1px solid {color:text accents};transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  593.  
  594.  
  595. #date2 a {
  596. color:{color:permalink links 1};background:{color:permalink bg};padding:7px;letter-spacing:0.5px;word-spacing:0px;margin:0;font-size:9px; }
  597.  
  598.  
  599. #date2 a:hover { color:{color:links hover}; text-decoration:none; }
  600.  
  601.  
  602. #tags {
  603. margin-left:53px;font-size:9px;text-align:justify;display:inline-block;line-height:200%;padding:5px 2px 7px 2px;height:15px;}
  604.  
  605.  
  606. #tags a {
  607. font-size:9px;letter-spacing:0.5px;display:inline;margin:0 3px 0 3px;border-bottom:1px solid transparent; }
  608.  
  609. #tags a:first-child { margin-left:0px; }
  610.  
  611.  
  612. #tags a:hover { border-bottom:1px solid {color:text accents}; }
  613.  
  614.  
  615. svg {
  616. width:8px;height:auto;opacity:1;padding:1px;display:inline-block;overflow:visible;fill:{color:icons}; }
  617.  
  618.  
  619. .controls {
  620. color:{color:icons};opacity:1;text-align:left;float:left;height:20px;overflow:hidden;margin-top:8px;margin-left:-6px;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; }
  621.  
  622.  
  623. .controls a {
  624. position:relative;display:inline-block;padding:0px;overflow:hidden;margin:0 6px 0 6px;fill:{color:icons};border:none; }
  625.  
  626.  
  627. .controls a:hover { border:none; }
  628.  
  629.  
  630. .controls .reblog {
  631. float:left; opacity:.93; z-index:99;margin-top:0px; }
  632.  
  633.  
  634. .controls .like {
  635. float: right;z-index: 99;margin-top:-1px; }
  636.  
  637.  
  638. .controls .reblog svg {
  639. width:8px;float:left;transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out; }
  640.  
  641.  
  642. .notes { display:inline-block;}
  643.  
  644.  
  645. .notes a {
  646. display:inline-block;font-size:8px;letter-spacing:0.5px;{block:iflikeandreblog}margin:0;{/block:iflikeandreblog} }
  647.  
  648.  
  649. .controls .like .liked + svg { opacity:1; }
  650.  
  651.  
  652. .controls .like .liked + svg path { fill:#ff5353; }
  653.  
  654.  
  655. .controls .like .like_button iframe {
  656. position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:9;opacity:0.000001; }
  657.  
  658.  
  659.  
  660. /* Notes */
  661.  
  662.  
  663.  
  664. ol.notes {
  665. margin:5px 0 0 0;padding:5px 0 0 0px;display:none;font-size:9px;letter-spacing: 0.5px;text-transform:lowercase;font-family:{select:font}, sans-serif;list-style-type:none; }
  666.  
  667.  
  668. ol.notes a { font-size:9px;letter-spacing:0.5px; }
  669.  
  670.  
  671. ol.notes li.note { padding:10px 0px; border-top:1px solid {color:borders}; }
  672.  
  673.  
  674. ol.notes li.note img.avatar { display:none; }
  675.  
  676.  
  677. .n { cursor:{select:cursor hover}; color:{color:permalink links}; }
  678.  
  679.  
  680.  
  681. /* Pagination */
  682.  
  683.  
  684.  
  685. footer {
  686. text-align:center;width:{select:index post size}px;margin:100px {text:posts left}px; }
  687.  
  688.  
  689. .pagination, a.load {
  690. padding:15px 20px 0px 20px;height:28px;display:inline-block;border-top:1px solid {color:borders};background:{color:posts};color:{color:text}; }
  691.  
  692. .prev svg {
  693. width:13px;height:42px;margin-top:-16px;position:absolute;margin-right:10px;margin-left:-55px;opacity:1; background:{color:post accents};padding:1px 16px 0 16px;border-top:1px solid {color:borders};font-family:muli; }
  694.  
  695. .next svg {
  696. width:13px;height:42px;margin-top:-16px;margin-left:10px;position:absolute;margin-right:-30px;opacity:1; background:{color:post accents};padding:1px 16px 0 16px;border-top:1px solid {color:borders};font-family:muli; }
  697.  
  698.  
  699. .pagination a, a.load {
  700. margin:0 10px;font-size:8px;letter-spacing:1px;font-weight:700;color:{color:links};font-family:{select:font};, sans-serif; text-transform:uppercase; border-bottom:none;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  701.  
  702.  
  703. .pagination a:hover { border-bottom:none; color:{color:links hover};transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  704.  
  705.  
  706. .pagination a:hover svg {
  707. border-top:1px solid {color:text accents};transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
  708.  
  709.  
  710. a.load:hover { color:{color:links hover}; }
  711.  
  712.  
  713. .current {
  714. margin:0 5px;font-size:80%;letter-spacing:1px;font-weight:700;font-family:{select:font};,color{color:text}; sans-serif; text-transform:uppercase; }
  715.  
  716.  
  717. {block:ifinfinitescroll}
  718. .pagination { display:none; }
  719. {/block:ifinfinitescroll}
  720.  
  721.  
  722. #top {
  723. bottom:5px;right:5px;padding:10px;position:fixed;font-size:13px;color:{color:text accents};cursor:{select:cursor hover}; }
  724.  
  725. #top svg { width:15px;}
  726.  
  727. #top a, #top a:hover { border-bottom:none; }
  728.  
  729.  
  730.  
  731. /* Credit */
  732.  
  733.  
  734.  
  735. .cr {
  736. z-index:999999999;opacity:1;bottom:5px;left:10px;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 links};display:inline-block;text-align:center;padding:5px 6px;overflow:hidden;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear; background:{color:posts};-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%; }
  737.  
  738.  
  739. .cr:hover { background:color{color:background}; }
  740.  
  741.  
  742. .cr a { color:{color:permalink links};font-weight:bold; }
  743.  
  744.  
  745. .cr a:hover { color:{color:links hover}; }
  746.  
  747.  
  748.  
  749. {CustomCSS}
  750.  
  751.  
  752.  
  753. </style>
  754.  
  755. <script src="https://unpkg.com/feather-icons"></script>
  756. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/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="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>{block:IndexPage}{block:ifLoadMore}<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>{/block:ifLoadMore}{block:ifInfiniteScroll}<script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}{/block:IndexPage}
  757.  
  758.  
  759.  
  760.  
  761. </head>
  762. <body>
  763.  
  764. {block:ifHoverControls}
  765. <div class="tumcon"><i data-feather="more-horizontal"></i></div>
  766. {/block:ifHoverControls}
  767.  
  768.  
  769.  
  770. <div class="sidebar">
  771. <div class="title">{block:iftitle}&nbsp;<a href="/">{Title}</a>{/block:iftitle}</div>
  772. {block:ifsidebaricon}<div class="s_ava"><a class="m" title="links"><img src="{image:icon}"></img><i data-feather="plus"></i></a></div>{/block:ifsidebaricon}
  773. {block:ifsidebarimage}<div class="s_img"><img src="{image:sidebar}"></img></div>{/block:ifsidebarimage}
  774. {block:ifDescription}<div id="desc">{Description}</i></div>{/block:ifDescription}
  775. <div class="menu">
  776. <ul class="links">
  777. {block:ifhometitle}
  778. <li><a href="/">{text:home title}</a></li>{/block:ifhometitle}
  779. {block:ifasktitle}
  780. <li><a href="{text:ask link}">{text:ask title}</a></li>{/block:ifasktitle}
  781. {block:ifarchivetitle}
  782. <li><a href="/archive">{text:archive title}</a></li>{/block:ifarchivetitle}
  783. {block:iflink1}
  784. <li><a href="{text:url 1}">{text:link 1}</a></li>{/block:iflink1}
  785. {block:iflink2}
  786. <li><a href="{text:url 2}">{text:link 2}</a></li>{/block:iflink2}
  787. {block:iflink3}
  788. <li><a href="{text:url 3}">{text:link 3}</a></li>{/block:iflink3}
  789. {block:iflink4}
  790. <li><a href="{text:url 4}">{text:link 4}</a></li>{/block:iflink4}
  791. {block:iflink5}
  792. <li><a href="{text:url 5}">{text:link 5}</a></li>{/block:iflink5}
  793. {block:iflink6}
  794. <li><a href="{text:url 6}">{text:link 6}</a></li>{/block:iflink6}
  795. {block:iflink7}
  796. <li><a href="{text:url 7}">{text:link 7}</a></li>{/block:iflink7}
  797. </ul>
  798. </div>
  799.  
  800. {block:ifSearchBar}
  801. <form action="/search" class="srch" method="get"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M140,134.2c10.9-11.8,17.7-27.6,17.7-45c0-36.5-29.7-66.3-66.3-66.3S25.1,52.7,25.1,89.2s29.7,66.3,66.3,66.3 c14.9,0,28.6-4.9,39.7-13.2l49.3,49.3c1.2,1.2,2.7,1.8,4.2,1.8c1.5,0,3.1-0.6,4.2-1.8c2.3-2.3,2.3-6.1,0-8.5L140,134.2z M37.1,89.2 c0-29.9,24.3-54.3,54.3-54.3c29.9,0,54.3,24.3,54.3,54.3s-24.3,54.3-54.3,54.3C61.4,143.5,37.1,119.1,37.1,89.2z"/></svg><input id="searchField" name="q" placeholder="search..." type="text" value="{SearchQuery}"/></form>
  802. {/block:ifSearchBar}
  803.  
  804. </div>
  805.  
  806.  
  807. <div class="cr"><a href="https://kimtys.tumblr.com" title="kimtys">K.</a></div>
  808.  
  809.  
  810. <div id="content">
  811.  
  812.  
  813. {block:Posts}
  814.  
  815.  
  816. <div class="posts" id="{PostID}">
  817.  
  818.  
  819. {block:Date}
  820. <div class="perma">
  821. {block:IndexPage}
  822. <div class="controls">
  823. {block:ifLikeAndReblog}<a href="{ReblogURL}" target="_blank" class="reblog"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg></a>{/block:ifLikeAndReblog}
  824.  
  825. {block:ifsource}{block:ifnotes}<span class="notes">{block:IndexPage}<a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}
  826. </span>{/block:ifnotes}{/block:ifsource}
  827.  
  828. {block:ifLikeAndReblog}<a href="#" class="like">{LikeButton}<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg></a>
  829. {/block:ifLikeAndReblog}</div>{/block:IndexPage}
  830.  
  831.  
  832. {block:ifsource}{block:RebloggedFrom}{block:IndexPage}<a href="{ReblogParentURL}" style="display:none">{ReblogParentName}</a>{/block:IndexPage}{block:PermalinkPage}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> / {/block:PermalinkPage}{/block:RebloggedFrom}
  833. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{/block:ifsource}
  834. {block:ifnotsource}{block:ifnotes}<span class="notes">{block:IndexPage}<a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}
  835. </span>{/block:ifnotes}{/block:ifnotsource}
  836.  
  837. <div id="date2">{block:IndexPage}<a href="{Permalink}">{PostType}{block:Photoset}set{/block:Photoset}</a>{/block:IndexPage}{block:PermalinkPage}<a class="n" style="font-size:8px;letter-spacing:0.5px;" title="show notes">{NoteCount}</a>{/block:PermalinkPage}</div>
  838.  
  839. </div>
  840. {/block:Date}
  841.  
  842.  
  843.  
  844.  
  845. {block:ContentSource}
  846. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  847. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  848. {/block:ContentSource}
  849.  
  850.  
  851. {block:Text}
  852. {block:Title}<h1>{Title}</h1>{/block:Title}
  853. {block:Body}<div id="bg">{Body}</div>{/block:Body}
  854. {/block:Text}
  855.  
  856.  
  857. {block:Link}
  858. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<div id="bg">{Description}</div>{/block:Description}
  859. {/block:Link}
  860.  
  861.  
  862. {block:Photo}
  863. <div id="photo">
  864. {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt='{PhotoAlt}' />{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}{/block:PermalinkPage}
  865. </div>
  866. {/block:Photo}
  867.  
  868.  
  869. {block:Photoset}
  870. <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}
  871. </div>
  872. {/block:Photoset}
  873.  
  874.  
  875. {block:Video}
  876. <div class="video">{Video-500}</div>
  877. {/block:Video}
  878.  
  879.  
  880. {block:Audio}
  881. {block:AlbumArt}<div id="art"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div id="player"><div style="position: absolute; margin: 0px 0px 0px 0px; padding: 11px 13px 12px 8px; background:transparent;"><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>
  882. </div>
  883. {/block:Audio}
  884.  
  885.  
  886. {block:Answer}
  887. <div id="ques"><div id="quesa"><img src="{AskerPortraitURL-64}"> <b>from {Asker}:</b> {Question}</div></div><div id="ans">{Answer}</div>
  888. {/block:Answer}
  889.  
  890.  
  891. {block:Quote}
  892. <div id="quote">{Quote}</div>
  893. {block:Source}<div id="source">{Source}</div>{/block:Source}
  894. {/block:Quote}
  895.  
  896.  
  897. {block:Chat}
  898. {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>
  899. {/block:Chat}
  900.  
  901. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  902.  
  903.  
  904.  
  905. {block:IndexPage}
  906. <div class="bott"><div id="date"><a href="{Permalink}" title="{TimeAgo}">{MonthNumberWithZero} / {DayOfMonthWithZero}</a></div> <div id="tags">{block:ifTags}{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a> / {/block:Tags}{/block:HasTags}{/block:ifTags}&nbsp;</div>
  907. </div>
  908. {/block:IndexPage}
  909.  
  910. {block:PermalinkPage}
  911. {block:Date}<div class="bott"><div id="date"><a href="{Permalink}">{MonthNumberWithZero} / {DayOfMonthWithZero}</a></div> <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a> / {/block:Tags}{/block:HasTags}{/block:ifTags}&nbsp;</div>{/block:Date}
  912. <br>
  913. {block:PostNotes}{PostNotes}{/block:PostNotes}
  914. {/block:PermalinkPage}
  915.  
  916.  
  917.  
  918. </div>
  919. {/block:Posts}
  920. </div>
  921.  
  922. {block:IndexPage}
  923. {block:Pagination}
  924. <footer>
  925. <div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}" title="previous"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M137.3,43.2c-2.5-2.1-6.3-1.8-8.5,0.7L78,104.1c-1.9,2.2-1.9,5.5,0,7.7l50.8,60.3c1.2,1.4,2.9,2.1,4.6,2.1 c1.4,0,2.7-0.5,3.9-1.4c2.5-2.1,2.9-5.9,0.7-8.5L90.4,108L138,51.6C140.1,49.1,139.8,45.3,137.3,43.2z"/></svg></a>{/block:PreviousPage}<span class="current">{CurrentPage} &nbsp;<span style="opacity:.4;">/</span>&nbsp; {TotalPages}</span>{block:NextPage}<a href="{NextPage}" id="next" class="next" title="next"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9 c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/></svg></a>{/block:NextPage}</div>{block:ifInfiniteScroll}{block:ifLoadMore}<a href="#" class="load">load more</a>{/block:ifLoadMore}{/block:ifInfiniteScroll}
  926. </footer>
  927. {/block:Pagination}
  928. {/block:IndexPage}
  929.  
  930.  
  931.  
  932. {block:ifBackToTop}
  933. <a id="top" title="back to top"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M43.2,137.3c2.1,2.5,5.9,2.9,8.5,0.7L108,90.4l56.4,47.5c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1 c2.1-2.5,1.8-6.3-0.7-8.5L111.9,78c-2.2-1.9-5.5-1.9-7.7,0l-60.3,50.8C41.3,130.9,41,134.7,43.2,137.3z"/></svg></a>
  934. {/block:ifBackToTop}
  935.  
  936. <script>
  937. $(document).ready(function(){
  938. $('p:first-child > a.tumblr_blog').parent().remove();
  939. $("[title],a[title],img[title]").style_my_tooltips({
  940. tip_follows_cursor:true,
  941. tip_delay_time:10,
  942. tip_fade_speed:500,
  943. attribute:"title"
  944. });
  945. $(window).scroll(function () {
  946. if ($(this).scrollTop() > 200)
  947. { $('#top').fadeIn(); }
  948. else
  949. { $('#top').fadeOut(); }
  950. });
  951. $('#top').click(function () {
  952. $("html, body").animate({scrollTop:0}, 1000);
  953. return false;
  954. });
  955. $('iframe.tumblr_audio_player').load( function() {
  956. $('iframe.tumblr_audio_player').contents().find("head")
  957. .append($("<style type='text/css'> .audio-player{background:{color:posts} !important} </style>"));
  958. });
  959. $('.photo-slideshow').pxuPhotoset({
  960. lightbox: true,
  961. rounded: false,
  962. gutter: '2px',
  963. borderRadius: '0px',
  964. photoset: '.photo-slideshow',
  965. photoWrap: '.photo-data',
  966. photo: '.pxu-photo'
  967. });
  968. $(".m").click(function(){
  969. $(".menu").slideToggle("200");
  970. });
  971. $(".n").click(function(){
  972. $(".notes").slideToggle("200");
  973. });
  974. {block:IndexPage}
  975. {block:ifLoadMore}
  976. var $container = $('#content');
  977. $container.masonry({ itemSelector: '.posts' });
  978. $container.imagesLoaded(function(){
  979. $container.masonry();
  980. $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
  981. });
  982. {/block:ifLoadMore}
  983. {block:ifInfiniteScroll}
  984. var $container = $('#content');
  985. $container.infinitescroll({
  986. itemSelector :".posts",
  987. navSelector : ".pagination",
  988. nextSelector : ".pagination a#next",
  989. loadingImg : "",
  990. loadingText : "<em></em>",
  991. bufferPx : 2000,
  992. errorCallback: function(){$('.load').parent().delay(2000).hide();},
  993. },
  994. function(newElements){
  995. var $newElems = $(newElements);
  996. var $newElemsIDs = $newElems.map(function(){
  997. return this.id;
  998. }).get();
  999. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1000. resizeVideos();
  1001. $(newElements).find('iframe.tumblr_audio_player').load( function() {
  1002. $('iframe.tumblr_audio_player').contents().find("head")
  1003. .append($("<style type='text/css'> .audio-player{background:{color:posts} !important} </style>"));
  1004. });
  1005. $(newElements).find('p:first-child > a.tumblr_blog').parent().remove();
  1006. $(newElements).find('.photo-slideshow').pxuPhotoset({
  1007. lightbox: true,
  1008. rounded: false,
  1009. gutter: '2px',
  1010. borderRadius: '0px',
  1011. photoset: '.photo-slideshow',
  1012. photoWrap: '.photo-data',
  1013. photo: '.pxu-photo'
  1014. },
  1015. function(){
  1016. $container.masonry();
  1017. });
  1018. $newElems.imagesLoaded(function(){
  1019. $container.masonry( 'appended', $newElems );
  1020. $newElems.animate({ opacity: 1, zIndex: 1 });
  1021. });
  1022. });
  1023. {block:ifLoadMore}
  1024. $(window).unbind('.infscr');
  1025. $('.load').click(function(){
  1026. $('#content').infinitescroll('retrieve').parent('body').find('.load').parent(); return false;
  1027. });
  1028. {/block:ifLoadMore}
  1029. {/block:ifInfiniteScroll}
  1030. {/block:IndexPage}
  1031. });
  1032. </script>
  1033.  
  1034. <script>
  1035. feather.replace()
  1036. </script>
  1037.  
  1038.  
  1039. </body>
  1040. </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!