API tools faq
paste
kimtys

SOLARE

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