API tools faq
paste
kimtys

ANEMONE

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