SHARE
TWEET

Untitled

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