API tools faq
paste
glenthemes

Theme [16]: Blue Moon [blue ver.]

glenthemes
Dec 22nd, 2015 (edited)
10,766
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.00 KB | None | 1 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Theme [16]: Blue Moon [blue version]
  3. Made by glenthemes
  4.  
  5. Black version: pastebin.com/BdQe05hk
  6.  
  7. Initial release: 2015/12/23
  8. Major code update: 2018/05/25
  9. Last updated: 2025/02/28
  10.  
  11. What's new:
  12. ✱ updated saturnicons sheet link
  13.  
  14. TERMS OF USE:
  15. 1) Do not remove the theme credit.
  16. 2) Do not repost/redistribute my themes.
  17. 3) Do not take parts of the code and use it as your own.
  18. 4) Do not use my themes as a base code.
  19. 5) Do not mix my themes together.
  20. ------------------------------------------------------------------------>
  21.  
  22. <!DOCTYPE html>
  23.  
  24. <head>
  25.  
  26. <title>{Title}</title>
  27.  
  28. <link rel="shortcut icon" href="{Favicon}">
  29.  
  30. <!--------------------JAVASCRIPTS-------------------->
  31. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  32. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  33. <script>
  34. (function($){
  35. $(document).ready(function(){
  36. $("a[title]").style_my_tooltips({
  37. tip_follows_cursor:true,
  38. tip_delay_time:120,
  39. tip_fade_speed:120,
  40. attribute:"title"
  41. });
  42. });
  43. })(jQuery);
  44. </script>
  45.  
  46. <script>
  47. $(document).ready(function() {
  48. $('iframe.tumblr_audio_player').load( function() {
  49. $('iframe.tumblr_audio_player').contents().find("head")
  50. .append($("<style type='text/css'> .audio-player{background:rgba({RGBcolor:bold},0.2) !important; padding:5px 10px 5px 0px !important} .play-pause{color:{color:bold} !important; font-size:15px!important; padding:0 9.5px!important} </style>"));
  51. });
  52. });
  53. </script>
  54.  
  55. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  56. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  57. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  58.  
  59.  
  60. <script>
  61. $(document).ready(function(){
  62. $('.photo-slideshow').pxuPhotoset({
  63. lightbox: true,
  64. rounded: false,
  65. gutter: '{select:photos spacing}',
  66. borderRadius: '0px',
  67. photoset: '.photo-slideshow',
  68. photoWrap: '.photo-data',
  69. photo: '.pxu-photo'
  70. });
  71. });
  72. </script>
  73.  
  74. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  75.  
  76. {block:ifsmoothscrolling}
  77. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
  78. {/block:ifsmoothscrolling}
  79.  
  80. <link href="//fonts.googleapis.com/css?family=Economica|Open+Sans|Quicksand" rel="stylesheet">
  81.  
  82. <link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
  83.  
  84. <link href="//saturnicons.gitlab.io/backup/icons.css" rel="stylesheet" crossorigin>
  85.  
  86. <script src="//static.tumblr.com/snld4jp/rTori7q11/gtresizing.js"></script>
  87.  
  88. {block:ifshowmusicplayer}
  89. <script src="//static.tumblr.com/2pnwama/lnLppjutr/gletanica.js"></script>
  90. {/block:ifshowmusicplayer}
  91.  
  92. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  93.  
  94. <!--
  95. NPF images fix v3.0 by @glenthemes [2021]
  96. 💌 git.io/JRBt7
  97. --->
  98. <script src="//npf-images-v3.github.io/script.js"></script>
  99. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  100. <style tmblr-npf>
  101. :root {
  102. --NPF-Caption-Spacing:1em;
  103. --NPF-Image-Spacing:{select:photos spacing};
  104. }
  105.  
  106. a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
  107. padding-bottom:0!important;
  108. border-bottom:none!important;
  109. }
  110.  
  111. .spotify_audio_player {
  112. height:80px!important;
  113. }
  114. </style>
  115.  
  116. <script>
  117. // minimal soundcloud player @ shythemes.tumblr
  118. // shythemes.tumblr.com/post/114792480648
  119. $(document).ready(function(){
  120. var soundcloud_btn = '{color:link}';
  121. $('.soundcloud_audio_player').each(function(){
  122. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + soundcloud_btn.split('#')[1], height: 116, width: '100%' });
  123. });
  124. });
  125. </script>
  126.  
  127. <!-- unblue polls -->
  128. <!-- glenthemes.tumblr.com/post/708014819571302400 -->
  129. <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
  130. <style unblue-polls>
  131. .poll-post {
  132. --Poll-Question-Font-Size: {select:font size};
  133.  
  134. --Poll-Option-Background-Color: transparent;
  135. --Poll-Option-Corner-Rounding: 4px;
  136. --Poll-Option-Border-Size: 1px;
  137. --Poll-Option-Border-Color: rgba({RGBcolor:text},0.25);
  138. --Poll-Option-Padding: 10px;
  139. --Poll-Option-Font-Size: {select:font size};
  140. --Poll-Option-Spacing: 10px;
  141. --Poll-Option-Text-Color: {color:text};
  142.  
  143. --Poll-Option-HOVER-Border-Color: rgba({RGBcolor:text},0.25);
  144. --Poll-Option-HOVER-Background-Color: transparent;
  145. --Poll-Option-HOVER-Text-Color: {color:text};
  146. --Poll-Option-HOVER-Speed: 0.4s;
  147. }
  148.  
  149. .poll-see-results {
  150. padding-bottom:0!important;
  151. border-bottom:none!important;
  152. font-size:calc(var(--Poll-Option-Font-Size) - 1px)!important;
  153. text-transform:uppercase;
  154. letter-spacing:0.5px;
  155. }
  156. </style>
  157.  
  158. <!-- npf audio player -->
  159. <!-- glenthemes.tumblr.com/post/722160746171072512 -->
  160. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  161. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  162. <script>
  163. tumblr_npf_audio({
  164. emptyTitleText: "Untitled track",
  165. emptyArtistText: "Untitled artist",
  166. emptyAlbumText: "Untitled album",
  167.  
  168. titleLabel: "Track:",
  169. artistLabel: "Artist:",
  170. albumLabel: "Album:"
  171. });
  172. </script>
  173. <style edit-npf-audio-player>
  174. .npf-audio-wrapper {
  175. --NPF-Audio-Buttons-Size: {select:font size};
  176. --NPF-Audio-Buttons-Color: {color:bold};
  177. --NPF-Audio-Buttons-Padding: 10px;
  178. --NPF-Audio-Buttons-Spacing: calc((var(--NPF-Audio-Buttons-Padding) * 2) + 10px);
  179. --NPF-Audio-Image-Spacing: 0.9rem;
  180. }
  181.  
  182. .npf-audio-background {
  183. margin-left:calc(18px + var(--NPF-Audio-Buttons-Padding));
  184. }
  185.  
  186. .npf-audio-play, .npf-audio-pause {
  187. position:relative;
  188. z-index:0;
  189. }
  190.  
  191. .npf-audio-play:after, .npf-audio-pause:after {
  192. content:"";
  193. position:absolute;
  194. top:0;left:0;
  195. margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
  196. margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
  197. width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  198. height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  199. background:rgba({RGBcolor:bold},0.2);
  200. border-radius:100%;
  201. z-index:-1;
  202. }
  203.  
  204. .npf-audio-play svg { margin-left:1px; }
  205. .npf-audio-pause svg { margin-left:0; }
  206.  
  207. .npf-audio-title-label,
  208. .npf-audio-artist-label,
  209. .npf-audio-album-label {
  210. color:{color:bold};
  211. text-transform:uppercase;
  212. }
  213.  
  214. figcaption.audio-caption,
  215. figcaption.audio-caption ~ audio[controls],
  216. figcaption.audio-caption img, .npf-audio-image {
  217. display:none;
  218. }
  219. </style>
  220.  
  221. <script src="//glen-npf.gitlab.io/other/neue.js"></script>
  222. <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
  223.  
  224. <!--------------------IMAGES-------------------->
  225. <meta name="image:background image" content="//static.tumblr.com/c0a4e7cc4f5c2882a7779a37b63132bf/2pnwama/q63p92nj4/tumblr_static_ai4gisbrduoksss8sokkk0kww.png"/>
  226. <meta name="image:sidebar image" content="//static.tumblr.com/81f87c05fc8ff8b5b1d2439e4e66170b/gtjt4bo/fkCp9a385/tumblr_static_ddjenqa3914wkwg8048cs0o80.png"/>
  227.  
  228. <!--------------------COLORS-------------------->
  229. <meta name="color:background" content="#000"/>
  230. <meta name="color:music player color" content="#000">
  231. <meta name="color:music player background" content="#181818">
  232. <meta name="color:music player text" content="#ccc">
  233. <meta name="color:post" content="#181818"/>
  234. <meta name="color:post borders" content="#333"/>
  235. <meta name="color:post border accent" content="#042947"/>
  236. <meta name="color:text" content="#bbb"/>
  237. <meta name="color:bold" content="#b6bfd2">
  238. <meta name="color:Italic" content="#bbb">
  239. <meta name="color:Link" content="#77aacc">
  240. <meta name="color:Link Hover" content="#eee">
  241. <meta name="color:question and chat background" content="#242424"/>
  242. <meta name="color:question and chat text" content="#ccc"/>
  243.  
  244. <meta name="color:tags" content="#77aacc">
  245. <meta name="color:tags hover" content="#ccc">
  246. <meta name="color:permalink" content="#77aacc">
  247. <meta name="color:permalink hover" content="#ccc">
  248.  
  249. <meta name="color:sidebar background" content="#000">
  250. <meta name="color:sidebar bar 1" content="#000">
  251. <meta name="color:sidebar bar 2" content="#090c1b">
  252. <meta name="color:sidebar bar 3" content="#202f57">
  253. <meta name="color:description title" content="#fff">
  254. <meta name="color:description title shadow" content="#000">
  255. <meta name="color:description background" content="#000">
  256.  
  257. <meta name="color:desc text" content="#bbb">
  258. <meta name="color:desc link" content="#77aacc">
  259. <meta name="color:desc link hover" content="#eee">
  260. <meta name="color:desc bold" content="#b6bfd2">
  261. <meta name="color:desc italic" content="#bbb">
  262.  
  263. <meta name="color:desc circular links background" content="#262626">
  264. <meta name="color:desc circular links" content="#999">
  265. <meta name="color:desc circular links background hover" content="#000">
  266. <meta name="color:desc circular links hover" content="#ddd">
  267.  
  268. <meta name="color:custom links background" content="#181818">
  269. <meta name="color:custom links" content="#ddd">
  270. <meta name="color:custom links background hover" content="#181818">
  271. <meta name="color:custom links hover" content="#77aacc">
  272.  
  273. <meta name="color:scrollbar" content="#042947"/>
  274. <meta name="color:scrollbar background" content="#070e12"/>
  275.  
  276. <meta name="color:highlight" content="#0f1b23"/>
  277. <meta name="color:highlighted text" content="#bbb"/>
  278.  
  279. <!-----------------DROPDOWN OPTS----------------->
  280. <meta name="select:font size" title="12px" content="12px">
  281. <meta name="select:font size" title="11px" content="11px">
  282. <meta name="select:font size" title="13px" content="13px">
  283. <meta name="select:font size" title="14px" content="14px">
  284. <meta name="select:font size" title="15px" content="15px">
  285. <meta name="select:font size" title="16px" content="16px">
  286.  
  287. <meta name="select:sidebar width" title="500px" content="500px">
  288. <meta name="select:sidebar width" title="275px" content="275px">
  289. <meta name="select:sidebar width" title="300px" content="300px">
  290. <meta name="select:sidebar width" title="350px" content="375px">
  291. <meta name="select:sidebar width" title="400px" content="400px">
  292. <meta name="select:sidebar width" title="450px" content="450px">
  293. <meta name="select:sidebar width" title="540px" content="540px">
  294. <meta name="select:sidebar width" title="600px" content="600px">
  295.  
  296. <meta name="select:desc transparency" title="30%" content="0.7">
  297. <meta name="select:desc transparency" title="0% (solid color)" content="1">
  298. <meta name="select:desc transparency" title="10%" content="0.9">
  299. <meta name="select:desc transparency" title="20%" content="0.8">
  300. <meta name="select:desc transparency" title="40%" content="0.6">
  301. <meta name="select:desc transparency" title="50%" content="0.5">
  302. <meta name="select:desc transparency" title="60%" content="0.4">
  303. <meta name="select:desc transparency" title="70%" content="0.3">
  304. <meta name="select:desc transparency" title="80%" content="0.2">
  305. <meta name="select:desc transparency" title="90%" content="0.1">
  306. <meta name="select:desc transparency" title="100% (no color)" content="0">
  307.  
  308. <meta name="select:center gap" title="40px" content="40px">
  309. <meta name="select:center gap" title="25px" content="25px">
  310. <meta name="select:center gap" title="30px" content="30px">
  311. <meta name="select:center gap" title="35px" content="35px">
  312. <meta name="select:center gap" title="45px" content="45px">
  313. <meta name="select:center gap" title="50px" content="50px">
  314. <meta name="select:center gap" title="55px" content="55px">
  315. <meta name="select:center gap" title="60px" content="60px">
  316. <meta name="select:center gap" title="65px" content="65px">
  317. <meta name="select:center gap" title="70px" content="70px">
  318. <meta name="select:center gap" title="75px" content="75px">
  319. <meta name="select:center gap" title="80px" content="80px">
  320. <meta name="select:center gap" title="85px" content="85px">
  321.  
  322. <meta name="select:post width" title="500px" content="500px">
  323. <meta name="select:post width" title="300px" content="300px">
  324. <meta name="select:post width" title="350px" content="375px">
  325. <meta name="select:post width" title="400px" content="400px">
  326. <meta name="select:post width" title="450px" content="450px">
  327. <meta name="select:post width" title="540px" content="540px">
  328. <meta name="select:post width" title="600px" content="600px">
  329.  
  330. <meta name="select:post padding" title="20px" content="20px">
  331. <meta name="select:post padding" title="5px" content="5px">
  332. <meta name="select:post padding" title="10px" content="10px">
  333. <meta name="select:post padding" title="15px" content="15px">
  334. <meta name="select:post padding" title="25px" content="25px">
  335. <meta name="select:post padding" title="30px" content="30px">
  336.  
  337. <meta name="select:photos spacing" title="10px" content="10px">
  338. <meta name="select:photos spacing" title="0px" content="0px">
  339. <meta name="select:photos spacing" title="2px" content="2px">
  340. <meta name="select:photos spacing" title="4px" content="4px">
  341. <meta name="select:photos spacing" title="6px" content="6px">
  342. <meta name="select:photos spacing" title="8px" content="8px">
  343.  
  344. <meta name="select:post spacing" title="40px" content="40px">
  345. <meta name="select:post spacing" title="20px" content="20px">
  346. <meta name="select:post spacing" title="25px" content="25px">
  347. <meta name="select:post spacing" title="30px" content="30px">
  348. <meta name="select:post spacing" title="35px" content="35px">
  349. <meta name="select:post spacing" title="45px" content="45px">
  350. <meta name="select:post spacing" title="50px" content="50px">
  351. <meta name="select:post spacing" title="55px" content="55px">
  352. <meta name="select:post spacing" title="60px" content="60px">
  353.  
  354. <!--------------------TOGGLES-------------------->
  355. <meta name="if:show music player" content="1" />
  356.  
  357. <meta name="if:photo fade" content="0" />
  358. <meta name="if:monochrome posts" content="0" />
  359. <meta name="if:post borders" content="1" />
  360.  
  361. <meta name="if:smooth scrolling" content="0" />
  362. <meta name="if:dark tumblr controls" content="0" />
  363.  
  364. <!-----------------TEXT FIELDS----------------->
  365. <meta name="text:how to link music" content="linktr.ee/direct_file_links">
  366. <meta name="text:music player mp3 URL" content="https://rhizo.gitlab.io/m/The_Relief.mp3">
  367. <meta name="text:music player song name" content="The Relief">
  368.  
  369.  
  370. <meta name="text:Link 1" content="Sample link 1">
  371. <meta name="text:Link 1 URL" content="https://www.youtube.com/watch?v=6opktP4VBN0">
  372. <meta name="text:Link 2" content="">
  373. <meta name="text:Link 2 URL" content="">
  374. <meta name="text:Link 3" content="">
  375. <meta name="text:Link 3 URL" content="">
  376. <meta name="text:Link 4" content="">
  377. <meta name="text:Link 4 URL" content="">
  378. <meta name="text:Link 5" content="">
  379. <meta name="text:Link 5 URL" content="">
  380. <meta name="text:Link 6" content="">
  381. <meta name="text:Link 6 URL" content="">
  382.  
  383. <!-------------------------------------------------------------------->
  384.  
  385. <style type="text/css">
  386.  
  387. /*--------------------TOOLTIPS--------------------*/
  388. #s-m-t-tooltip {
  389. padding: 4px 9px;
  390. margin: 26px 9px 0px 15px;
  391. background-color: {color:post};
  392. border-radius:5px;
  393. border:1px solid rgba({RGBcolor:text},0.2);
  394. font-family: open sans;
  395. font-size: calc({select:font size} - 3px);
  396. letter-spacing: 1px;
  397. text-transform: uppercase;
  398. color: {color:text};
  399. z-index:99999999999999999999999999998!important;
  400. max-width: calc({select:post width} * 1.25);
  401. -webkit-transition: all 0.3s ease-in-out;
  402. -moz-transition: all 0.3s ease-in-out;
  403. -o-transition: all 0.3s ease-in-out;
  404. }
  405.  
  406. /*--------------------TUMBLR CONTROLS--------------------*/
  407. iframe#tumblr_controls, .iframe-controls--desktop {
  408. top:5px!important;
  409. right:5px!important;
  410. position:fixed!important;
  411. opacity:0.7;
  412.  
  413. {block:ifdarktumblrcontrols}
  414. filter:invert(100%) hue-rotate(180deg);
  415. -webkit-filter:invert(100%) hue-rotate(180deg);
  416. opacity:1;
  417. {/block:ifdarktumblrcontrols}
  418.  
  419. transform:scale(0.8,0.8);
  420. -webkit-transform:scale(0.8,0.8);
  421.  
  422. transform-origin:100% 0;
  423. z-index:999999!important;
  424. transition:0.3s ease-in-out;
  425. }
  426.  
  427. iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {
  428. opacity:1;
  429. }
  430.  
  431. /*--------------------SCROLLBAR--------------------*/
  432. ::-webkit-scrollbar {
  433. background-color:#f8f8f8;
  434. height:7px;
  435. width:7px;
  436. }
  437.  
  438. ::-webkit-scrollbar-thumb {
  439. background-color:{color:scrollbar};
  440. }
  441.  
  442. ::-webkit-scrollbar-track {background-color:{color:scrollbar background};}
  443.  
  444. /*--------------------TEXT HIGHLIGHT--------------------*/
  445. ::selection {
  446. background: {color:highlight};
  447. color:{color:highlighted text};
  448. }
  449.  
  450. ::-moz-selection {
  451. background: {color:highlight};
  452. color:{color:highlighted text};
  453. }
  454.  
  455. /*--------------------BASICS--------------------*/
  456. body {
  457. background:{color:background} url({image:background image});
  458. background-attachment:fixed;
  459. background-repeat:repeat;
  460. color:{color:text};
  461. cursor:normal;
  462. font-family:open sans;
  463. line-height:1.6em;
  464. font-size:{select:font size};
  465. text-align:left;
  466. }
  467.  
  468. blockquote {
  469. padding-left:10px;
  470. margin-left:5px;
  471. border-left:1px solid;
  472. border-color:rgba({RGBcolor:text},0.6);
  473. margin:10px;
  474. }
  475.  
  476. b, strong {font-weight:bold;color: {color:Bold};}
  477.  
  478. .non a {
  479. padding-bottom:0px!important;
  480. border-bottom:0px solid transparent!important;
  481. }
  482.  
  483. .nonn a {
  484. border-bottom:0px solid transparent!important;
  485. }
  486.  
  487. i, em, .em {color: {color:Italic};}
  488.  
  489. pre, code {
  490. white-space:pre-wrap;
  491. display:block;
  492. }
  493.  
  494. hr {
  495. width:70%;
  496. border-width:0px;
  497. height:1px;
  498. background-color:rgba({RGBcolor:text},0.3);
  499. }
  500.  
  501. p.npf_quirky, p.npf_quote {font-size:calc({select:font size} + 5px);line-height:1em;}
  502.  
  503. /*--------------------LINKS--------------------*/
  504. a {
  505. color:{color:link};
  506. text-decoration:none;
  507. cursor:normal;
  508. -webkit-transition: all 0.4s ease-in-out;
  509. -moz-transition: all 0.4s ease-in-out;
  510. -o-transition: all 0.4s ease-in-out;
  511. }
  512.  
  513. a:hover {text-decoration:none;}
  514.  
  515. img {opacity:1;text-decoration:none;}
  516.  
  517. h1, h2, h3, h4, h5, h6 {
  518. font-size:calc({select:font size} + 1px);
  519. font-family:quicksand;
  520. text-transform:uppercase;
  521. letter-spacing:2px;
  522. line-height:1.6em;
  523. color:{color:text};
  524. text-align:center;
  525. }
  526.  
  527. /*-----------------CONT-----------------*/
  528. #container {
  529. position:absolute;
  530. top:0;left:0;
  531. margin-left:calc(25px + {select:sidebar width} + 30px + {select:center gap});
  532. margin-top:{select:post spacing};
  533. margin-bottom:{select:post spacing};
  534. }
  535.  
  536.  
  537. #nudge {
  538.  
  539. }
  540.  
  541. /*-----------------SIDEBAR-----------------*/
  542. #jupiter {
  543. position:fixed;
  544. top:0;margin-top:0px;
  545. left:0;margin-left:25px;
  546. width:{select:sidebar width};
  547. height:100%;
  548. background-image:url('{image:sidebar image}');
  549. background-size:cover;
  550. background-color:{color:sidebar background};
  551. }
  552.  
  553. #strip1, #strip2, #strip3 {
  554. position:fixed;
  555. top:0;margin-top:0px;
  556. left:0;
  557. height:100%;
  558. }
  559.  
  560. #strip1 {
  561. margin-left:0px;
  562. width:25px;
  563. background-color:{color:sidebar bar 1};
  564. }
  565.  
  566. #strip2 {
  567. margin-left:calc(25px + {select:sidebar width});
  568. width:15px;
  569. background-color:{color:sidebar bar 2};
  570. }
  571.  
  572. #strip3 {
  573. margin-left:calc(25px + {select:sidebar width} + 15px);
  574. width:15px;
  575. background-color:{color:sidebar bar 3};
  576. }
  577.  
  578. .descwrap {
  579. position:fixed;
  580. bottom:0;margin-bottom:35px;
  581. left:0;margin-left:calc((({select:sidebar width} - ({select:sidebar width} * 0.65)) / 2) + 30px);
  582. }
  583.  
  584. .desc {
  585. width:calc({select:sidebar width} * 0.65);
  586. height:120px;
  587. overflow:auto;
  588. padding:10px;
  589. background-color:rgba({RGBcolor:description background},{select:desc transparency});
  590. font-size:calc({select:font size} - 1px);
  591. color:{color:desc text};
  592. text-align:center;
  593. }
  594.  
  595. .desc a {
  596. color:{color:desc link};
  597. padding-bottom:1px;
  598. border-bottom:0.5px solid rgba({RGBcolor:desc link},0.4);
  599. }
  600.  
  601. .desc a:hover {
  602. color:{color:desc link hover};
  603. border-bottom:0.5px solid rgba({RGBcolor:desc link hover},0.4);
  604. }
  605.  
  606. .desc b, .desc strong {
  607. font-weight:bold;
  608. color:{color:desc bold};}
  609.  
  610. .desc i, .desc em {color:{color:desc italic};}
  611.  
  612. .desc p:last-child {margin-bottom:0px;}
  613.  
  614. .tiddy {
  615. margin-bottom:-3px;
  616. width:calc({select:sidebar width} * 0.65);
  617. text-align:left;
  618. font-family:economica;
  619. text-transform:uppercase;
  620. font-style:italic;
  621. letter-spacing:3px;
  622. font-size:16px;
  623. color:{color:description title};
  624. text-shadow:1px 0px {color:description title shadow};
  625. }
  626.  
  627. .flinks {
  628. position:absolute;
  629. width:30px;
  630. margin-left:-45px;
  631. }
  632.  
  633. .flinks a {
  634. display:inline-block;
  635. margin:9px 0;
  636. }
  637.  
  638. .flinks .sf {
  639. padding:7px 8px 5px 8px;
  640. background-color:{color:desc circular links background};
  641. border-radius:100%;
  642. border:1px solid rgba({RGBcolor:desc circular links},0.7);
  643. line-height:1em;
  644. font-size:12px;
  645. color:{color:desc circular links};
  646. -webkit-transition: all 0.4s ease-in-out;
  647. -moz-transition: all 0.4s ease-in-out;
  648. -o-transition: all 0.4s ease-in-out;
  649. }
  650.  
  651. .flinks .sf:hover {
  652. background-color:{color:desc circular links background hover};
  653. border:1px solid rgba({RGBcolor:desc circular links hover},0.7);
  654. color:{color:desc circular links hover};
  655. }
  656.  
  657. .clinks {
  658. position:fixed;
  659. bottom:0;margin-bottom:230px;
  660. left:0;margin-left:25px;
  661. }
  662.  
  663. .clinks a {
  664. display:inline-block;
  665. margin:4px 0;
  666. padding:8px 10px;
  667. background-color:{color:custom links background};
  668. border-left:0px solid transparent;
  669. text-transform:uppercase;
  670. letter-spacing:2px;
  671. line-height:1em;
  672. font-size:8px;
  673. color:{color:custom links};
  674. }
  675.  
  676. .clinks a:hover {
  677. background-color:{color:custom links background hover};
  678. border-left:10px solid {color:sidebar bar 1};
  679. color:{color:custom links hover};
  680. }
  681.  
  682. /*--------------------POSTS--------------------*/
  683. .posts {
  684. overflow:hidden;
  685. margin-bottom:{select:post spacing};
  686. {/block:PermalinkPage}
  687. width:{select:post width};
  688. padding:{select:post padding};
  689. background-color:{color:post};
  690.  
  691. {block:ifpostborders}
  692. border-top:1px solid {color:post borders};
  693. border-right:1px solid {color:post borders};
  694. border-bottom:3px solid {color:post border accent};
  695. border-left:1px solid {color:post borders};
  696. {/block:ifpostborders}
  697. }
  698.  
  699. .posts:last-of-type {margin-bottom:0px;}
  700.  
  701. .posts a {
  702. color:{color:link};
  703. padding-bottom:1px;
  704. border-bottom:0.5px solid rgba({RGBcolor:link},0.4);
  705. }
  706.  
  707. .posts a:hover {
  708. color:{color:link hover};
  709. border-bottom:0.5px solid rgba({RGBcolor:link hover},0.4);
  710. }
  711.  
  712. .photos, .photos img {
  713. position:relative;
  714. overflow:hidden;
  715. width:{select:post width};
  716.  
  717. {block:IndexPage}
  718. {block:ifphotofade}
  719. opacity:0.8;
  720. -webkit-transition: all 0.8s ease-in-out;
  721. -moz-transition: all 0.8s ease-in-out;
  722. -o-transition: all 0.8s ease-in-out;
  723. {/block:ifphotofade}
  724.  
  725. {block:ifmonochromeposts}
  726. -webkit-filter:grayscale(100%);
  727. filter:grayscale(100%);
  728. -webkit-transition: all 0.8s ease-in-out;
  729. -moz-transition: all 0.8s ease-in-out;
  730. -o-transition: all 0.8s ease-in-out;
  731. {/block:ifmonochromeposts}
  732. {/block:IndexPage}
  733. }
  734.  
  735. .posts:hover .photos {
  736. opacity:1;
  737. -webkit-filter:grayscale(0%);
  738. filter:grayscale(0%);
  739. }
  740.  
  741. .posts img {
  742. {block:IndexPage}
  743. {block:ifphotofade}
  744. opacity:0.8;
  745. -webkit-transition: all 0.8s ease-in-out;
  746. -moz-transition: all 0.8s ease-in-out;
  747. -o-transition: all 0.8s ease-in-out;
  748. {/block:ifphotofade}
  749.  
  750. {block:ifmonochromeposts}
  751. -webkit-filter:grayscale(100%);
  752. filter:grayscale(100%);
  753. -webkit-transition: all 0.8s ease-in-out;
  754. -moz-transition: all 0.8s ease-in-out;
  755. -o-transition: all 0.8s ease-in-out;
  756. {/block:ifmonochromeposts}
  757. {/block:IndexPage}
  758. }
  759.  
  760. .posts:hover img {
  761. opacity:1;
  762. -webkit-filter:grayscale(0%);
  763. filter:grayscale(0%);
  764. }
  765.  
  766. .posts img, .posts li, .posts blockquote {max-width:100%;height:auto;}
  767.  
  768. .posts iframe {max-width:100%;}
  769.  
  770. /*--------------------PERMALINK--------------------*/
  771. .permawrap {
  772. margin-top:10px;
  773. padding-top:15px;
  774. border-top:1px solid rgba({RGBcolor:text},0.2);
  775. }
  776.  
  777. .perma {
  778. text-transform:uppercase;
  779. letter-spacing:1px;
  780. font-size:calc({select:font size} - 2.5px);
  781. }
  782.  
  783. .perma a, .perma b {
  784. color:{color:permalink};
  785. -webkit-transition: all 0.4s ease-in-out;
  786. -moz-transition: all 0.4s ease-in-out;
  787. -o-transition: all 0.4s ease-in-out;
  788. }
  789.  
  790. .perma a {margin-right:15px;}
  791. .perma a:hover, .perma b:hover {color:{color:permalink hover};}
  792.  
  793. .tagsin {
  794. margin-top:5px;
  795. margin-right:-3px;
  796. text-transform:uppercase;
  797. font-style:italic;
  798. letter-spacing:1.3px;
  799. line-height:1.5em;
  800. font-size:calc({select:font size} - 3.5px);
  801. text-align:right;
  802. }
  803.  
  804. .tagsin a {
  805. display:inline-block;
  806. margin:3px;
  807. color:{color:tags};
  808. }
  809.  
  810. .tagsin a:hover {color:{color:tags hover};}
  811.  
  812. .vinegar {float:right;}
  813.  
  814. /* -- Like + Reblog buttons (1/2) -- */
  815. /* -- mikedidthis from StackOverflow: //stackoverflow.com/users/2312574/mikedidthis -- */
  816. /* -- and tutorial by shythemes: //shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
  817. .controls {
  818. margin-right:calc({select:post padding} + 6px);
  819. margin-top:-20px;
  820. height:0px;
  821. }
  822.  
  823. .controls a {
  824. position:relative;
  825. display:inline-block;
  826. }
  827.  
  828. /* both svg colors */
  829. .controls .sf {color:rgba({RGBcolor:permalink},0.9);}
  830.  
  831. .controls .rb .sf {
  832. position:absolute;
  833. margin-top:calc(({select:font size} - 1px) * -1);
  834. margin-left:2px;
  835. font-size:{select:font size};
  836. }
  837.  
  838. .controls .like .sf {
  839. position:absolute;
  840. margin-top:calc(({select:font size} - 2px) * -1);
  841. margin-left:calc(({select:font size} + 4px) * -1);
  842. font-size:calc({select:font size} + 1px);
  843. max-height:calc({select:font size} + 1px);
  844. }
  845.  
  846. .controls .like .liked + .sf {color:#ec5a5a;}
  847.  
  848. .controls .like .like_button {
  849. position:absolute;
  850. margin-top:calc(({select:font size} - 1px) * -1);
  851. margin-left:calc(({select:font size} + 5px) * -1);
  852. width:calc({select:font size} + 3px);
  853. height:calc({select:font size} + 3px);
  854. }
  855.  
  856. .controls .like .like_button iframe {
  857. position:absolute;
  858. top:0;
  859. left:0;
  860. bottom:0;
  861. right:0;
  862. width:100%;height:100%;
  863. z-index:2;
  864. opacity:0;
  865. }
  866.  
  867.  
  868. /*--------------------POST NOTES--------------------*/
  869. ol.notes {
  870. width:{select:post width};
  871. padding:0px;
  872. margin-top:30px;
  873. list-style-type:none;
  874. }
  875.  
  876. ol.notes li.note {
  877. padding:10px;
  878. }
  879.  
  880. ol.notes li.note img.avatar {
  881. vertical-align:-4px;
  882. margin-right:10px;
  883. width:16px;
  884. height:16px;
  885. }
  886.  
  887. ol.notes li.note span.action {
  888. font-weight:none;
  889. }
  890.  
  891. ol.notes li.note .answer_content {
  892. font-weight:normal;
  893. }
  894.  
  895. ol.notes li.note blockquote {
  896. padding:4px 10px;
  897. margin:10px 0px 0px 25px;
  898. }
  899.  
  900. ol.notes li.note blockquote a {
  901. text-decoration:none;
  902. }
  903.  
  904. /*---------------------------LIGHTBOXES---------------------------*/
  905. .vignette, #vignette {
  906. opacity:0;
  907. }
  908. .lightbox-image, #tumblr_lightbox img {
  909. z-index:99999999999999999999999999999 !important;
  910. box-shadow:none !important;
  911. border-radius:0px !important;
  912. max-width:none;
  913. margin-top:-{select:post padding}!important;
  914. padding:{select:post padding} !important;
  915. background:{color:post} !important;
  916. border:1px solid rgba({RGBcolor:text},0.15) !important;
  917. }
  918.  
  919. .tmblr-lightbox, #tumblr_lightbox {
  920. background-color:rgba({RGBcolor:post},0.78) !important;
  921. z-index:99999999999999999999999999999 !important;
  922. }
  923.  
  924. /*---------------------------QUOTES---------------------------*/
  925. .daydreamer {
  926. margin-top:6px;
  927. margin-bottom:10px;
  928. text-align:center;
  929. }
  930.  
  931. .daydreamer .sf {
  932. color:{color:text};
  933. padding:7px 10px 2px 10px;
  934. font-size:calc({select:font size} + 5px);
  935. }
  936.  
  937. .daydreamer::before {
  938. content:"";
  939. position:absolute;
  940. margin-top:8px;
  941. margin-left:calc(-{select:post width} / 4);
  942. width:calc({select:post width} / 4);
  943. height:1px;
  944. background:-webkit-linear-gradient(left, transparent 0%, {color:text} 80%, transparent 100%);
  945. }
  946.  
  947. .daydreamer::after {
  948. content:"";
  949. position:absolute;
  950. margin-top:8px;
  951. margin-left:0px;
  952. width:calc({select:post width} / 4);
  953. height:1px;
  954. background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, transparent 100%);
  955. }
  956.  
  957. .quote {
  958. font-family:Quicksand;
  959. text-transform:uppercase;letter-spacing:1px;
  960. font-size:calc({select:font size} + 1px);
  961. font-weight:bold;
  962. text-align:center;
  963. }
  964.  
  965. .quotesource {
  966. text-align:center;
  967. margin-top:10px;
  968. }
  969.  
  970. /*---------------------------CHATS---------------------------*/
  971. .chat {
  972. line-height:2em;
  973. list-style:none;
  974. }
  975.  
  976. .line.odd {
  977. background-color:{color:question and chat background};
  978. padding:5px;
  979. list-style:none;
  980. color:{color:question and chat text};
  981. }
  982.  
  983. .line.even {
  984. background:{color:post};
  985. padding:5px;
  986. list-style:none;
  987. }
  988.  
  989. .label.odd, .label.even {
  990. padding-right:1px;
  991. text-transform:uppercase;
  992. font-weight:bold;
  993. }
  994.  
  995. .label.odd {color:{color:question and chat text};}
  996. .label.even {color:{color:text};}
  997.  
  998. p.npf_chat { font-family:Courier; font-size:{select:font size}; }
  999.  
  1000. /*---------------------------ASKS---------------------------*/
  1001. .q-wrap {
  1002. padding:10px;
  1003. background-color:{color:question and chat background};
  1004. min-height:64px;
  1005. }
  1006.  
  1007. .question {
  1008. margin-left:75px;
  1009. color:{color:question and chat text};
  1010. }
  1011.  
  1012. .askimg {
  1013. position:absolute;
  1014. width:64px;height:64px;
  1015. }
  1016.  
  1017. .asker, .asker b, .asker a {
  1018. text-transform:uppercase;color:{color:question and chat text};
  1019. }
  1020.  
  1021. .answer {
  1022. margin:0px auto;
  1023. text-transform:none;
  1024. color:{color:text};
  1025. }
  1026.  
  1027. /*---------------------------AUDIO---------------------------*/
  1028. .playerbutton {
  1029. position:absolute;
  1030. margin-top:18.5px;
  1031. margin-left:18.5px;
  1032. width:27px;
  1033. height:27px;
  1034. overflow:hidden;
  1035. border-radius:100%;
  1036. }
  1037.  
  1038. .trackdetails {
  1039. width:auto;
  1040. display:inline-block;
  1041. margin-left:70px;
  1042. padding:5px;
  1043. line-height:1.7;
  1044. }
  1045.  
  1046. .trackdetails b {
  1047. font-weight:normal;
  1048. }
  1049.  
  1050. .audiowrapper {
  1051. position:relative;
  1052. display:inline;
  1053. height:0px;
  1054. }
  1055.  
  1056. /*---------------------------VIDEO---------------------------*/
  1057. .tumblr_video_container {
  1058. width:{select:post width}!important;
  1059. height:auto!important;
  1060. max-height:540px!important;
  1061. overflow:hidden!important;
  1062. {block:IndexPage}
  1063. {block:ifphotofade}
  1064. opacity:0.8;
  1065. -webkit-transition: all 0.8s ease-in-out;
  1066. -moz-transition: all 0.8s ease-in-out;
  1067. -o-transition: all 0.8s ease-in-out;
  1068. {/block:ifphotofade}
  1069.  
  1070. {block:ifmonochromeposts}
  1071. -webkit-filter:grayscale(100%);
  1072. filter:grayscale(100%);
  1073. -webkit-transition: all 0.8s ease-in-out;
  1074. -moz-transition: all 0.8s ease-in-out;
  1075. -o-transition: all 0.8s ease-in-out;
  1076. {/block:ifmonochromeposts}
  1077. {/block:IndexPage}
  1078. }
  1079.  
  1080. .posts:hover .tumblr_video_container {
  1081. opacity:1;
  1082. -webkit-filter:grayscale(0%);
  1083. filter:grayscale(0%);
  1084. }
  1085.  
  1086. /*------------------------BOT PAGI------------------------*/
  1087. .botpagi {
  1088. width:calc({select:post width} + ({select:post padding} * 2));
  1089. text-align:center;
  1090. padding-top:15px;
  1091. border-top:1px solid rgba({RGBcolor:text},0.15);
  1092. margin-bottom:calc(0px - 10px + {select:post spacing});
  1093. }
  1094.  
  1095. /* 'Current page' number */
  1096. .botpagi span {
  1097. background-color:{color:post};
  1098. font-size:calc({select:font size} - 1px);
  1099. color:{color:Text};
  1100. padding:3px 5px;
  1101. width:9px;
  1102. display:inline-block;
  1103. margin-left:5px;
  1104. text-align:center;
  1105. }
  1106.  
  1107. /* Other page numbers */
  1108. .botpagi a {
  1109. background-color:{color:post};
  1110. font-size:calc({select:font size} - 1px);
  1111. color:{color:link};
  1112. padding:3px 5px;
  1113. width:9px;
  1114. display:inline-block;
  1115. margin-left:2px;
  1116. text-align:center;
  1117. }
  1118.  
  1119. {block:ifshowmusicplayer}
  1120. /* music player skin by vitanica */
  1121. #musicplayer {
  1122. position:fixed;
  1123. z-index:99;
  1124. top:0;margin-top:15px;
  1125. left:0;margin-left:40px;
  1126. display:flex;
  1127. -webkit-transition:all .7s ease;
  1128. -moz-transition:all .7s ease;
  1129. -o-transition:all .7s ease;
  1130. transition:all .7s ease;
  1131. }
  1132.  
  1133. #musicplayer > *, .play > * {align-self:center;-webkit-align-self:center}
  1134.  
  1135. .roundthing {
  1136. width:31px;
  1137. height:31px;
  1138. border-radius:100%;
  1139. background:{color:music player color}; /* icon background */
  1140. }
  1141.  
  1142. .roundthing img {
  1143. margin:8px;
  1144. width:15px;
  1145. }
  1146.  
  1147. .midline {
  1148. width:0px;
  1149. height:3px;
  1150. background:{color:music player color};
  1151. -webkit-transition:all .4s ease;
  1152. -moz-transition:all .4s ease;
  1153. -o-transition:all .4s ease;
  1154. transition-delay: .9s;
  1155. -webkit-transition-delay: .9s;
  1156. }
  1157.  
  1158. #musicplayer:hover .midline {
  1159. width:20px;
  1160. transition-delay:0s;
  1161. -webkit-transition-delay:0s;
  1162. }
  1163.  
  1164. .play {
  1165. display:flex;
  1166. min-width:124px;
  1167. height:31px;
  1168. text-align: left;
  1169. padding:0px 10px;
  1170. background: {color:music player background}; /* player background */
  1171. border-left: 3px solid {color:music player color}; /* player border */
  1172. color:{color:music player text};
  1173. opacity: 0;
  1174. -webkit-transition: all .4s ease;
  1175. -moz-transition: all .4s ease;
  1176. -o-transition: all .4s ease;
  1177. transition-delay: .4s;
  1178. -webkit-transition-delay: .4s;
  1179. }
  1180.  
  1181. .music-controls, .music-controls > * {
  1182. user-select:none;
  1183. -webkit-user-select:none;
  1184. width:11px;
  1185. font-size:11px;
  1186. cursor:pointer;
  1187. }
  1188.  
  1189. .pausee {display:none;}
  1190.  
  1191. .playtext {
  1192. margin-left:8px;
  1193. font-family:courier new;
  1194. font-size:9px;
  1195. }
  1196.  
  1197. #musicplayer:hover .play {
  1198. opacity:1;
  1199. transition-delay: .6s;
  1200. -webkit-transition-delay: .6s;
  1201. }
  1202. {/block:ifshowmusicplayer}
  1203.  
  1204. {CustomCSS}
  1205.  
  1206. </style>
  1207.  
  1208. </head>
  1209.  
  1210. <body>
  1211. {block:ifshowmusicplayer}
  1212. <div id="musicplayer">
  1213. <div class="roundthing">
  1214. <!--more music player gifs here:-->
  1215. <!--stewlate.tumblr.com/post/28218185078/music-player-gifs-->
  1216. <img src="//static.tumblr.com/n9vj50j/cxEn20wqg/12.gif"></div>
  1217. <div class="midline"></div>
  1218. <div class="play">
  1219. <div class="music-controls">
  1220. <div class="playy">►</div>
  1221. <div class="pausee">❚❚</div>
  1222. </div>
  1223. <div class="playtext">{text:music player song name}</div>
  1224. </div><!--play-->
  1225.  
  1226. <audio id="tune" src="{text:music player mp3 URL}" type="audio"></audio>
  1227. </div><!--musicplayer-->
  1228. {/block:ifshowmusicplayer}
  1229.  
  1230.  
  1231. <!---- SB ---->
  1232. <div id="jupiter"></div>
  1233.  
  1234. <div id="strip1"></div>
  1235. <div id="strip2"></div>
  1236. <div id="strip3"></div>
  1237.  
  1238. <div class="clinks">
  1239. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  1240. <br>
  1241. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  1242. <br>
  1243. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  1244. <br>
  1245. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  1246. <br>
  1247. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  1248. <br>
  1249. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  1250. </div><!--clinks-->
  1251.  
  1252. <div class="descwrap">
  1253. <div class="tiddy">{Title}</div>
  1254.  
  1255. <div class="flinks">
  1256. <a href="/"><span class="sf sf-home-o"></span></a>
  1257. <a href="/ask"><span class="sf sf-envelope-2-o"></span></a>
  1258. <a href="/archive"><span class="sf sf-calendar-o"></span></a>
  1259. <!-- PLEASE DO NOT REMOVE THE THEME CREDIT -->
  1260. <a href="//glenthemes.tumblr.com" title="theme by glenthemes"><span class="sf sf-tools-o"></span></a>
  1261. </div><!--flinks-->
  1262.  
  1263. <div class="desc">{Description}</div>
  1264. </div><!--descwrap-->
  1265.  
  1266. <!---- main shit ---->
  1267. <div id="container">
  1268.  
  1269. <div id="nudge">
  1270.  
  1271. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  1272. <div class="posts" id="{PostID}" post-type="{PostType}">
  1273.  
  1274.  
  1275. {block:Text}
  1276. {block:Title}<h1>{Title}</h1>{/block:Title}
  1277. {Body}
  1278. {/block:Text}
  1279.  
  1280.  
  1281. {block:Photo}
  1282.  
  1283. <div class="photos">
  1284. <div class="non">{LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"></a>{LinkCloseTag}</div></div>
  1285.  
  1286. {block:Caption}{Caption}{/block:Caption}
  1287. {/block:Photo}
  1288.  
  1289.  
  1290. {block:Photoset}
  1291.  
  1292. <div class="photos">
  1293. <div class="non">
  1294. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1295. </div>
  1296. </div>
  1297.  
  1298. {block:Caption}{Caption}{/block:Caption}
  1299. {/block:Photoset}
  1300.  
  1301.  
  1302. {block:Quote}
  1303. <div class="daydreamer"><span class="sf sf-quotation-mark"></span></div>
  1304. <div class="quote">{Quote}</div>
  1305. {block:Source}<div class="quotesource"> — {Source}</div>
  1306. {/block:Source}{/block:Quote}
  1307.  
  1308.  
  1309. {block:Link}
  1310. <h1><div class="non"><a href="{URL}" {Target}>{Name} »</a></div></h1>
  1311. {block:Description}{Description}{/block:Description}
  1312. {/block:Link}
  1313.  
  1314.  
  1315. {block:Chat}
  1316. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label {Alt}"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1317. {/block:Chat}
  1318.  
  1319.  
  1320. {block:Audio}
  1321. {block:AudioPlayer}
  1322. <div class="audiowrapper">
  1323. <div class="playerbutton">{AudioPlayer}</div>
  1324.  
  1325. <div class="trackdetails">
  1326. <b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  1327.  
  1328. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  1329.  
  1330. <b>PLAYS:</b> {FormattedPlayCount}</div>
  1331. </div><!--audiowrapper-->
  1332. {/block:AudioPlayer}
  1333.  
  1334. {block:Caption}
  1335. <div class="caption">{Caption}</div>
  1336. {/block:Caption}
  1337. {/block:Audio}
  1338.  
  1339.  
  1340. {block:Video}
  1341. <div class="video">{Video-500}</div>
  1342. {block:Caption}{Caption}{/block:Caption}
  1343. {/block:Video}
  1344.  
  1345.  
  1346. {block:Answer}
  1347. <div class="q-wrap">
  1348. <img class="askimg" src="{AskerPortraitURL-64}" ondragstart='return false;'>
  1349. <div class="question">
  1350. <div class="asker"><b>{Asker} asked:</b></div>
  1351. {Question}</div><!--question-->
  1352. </div><!--qwrap-->
  1353. <div class="answer">{Answer}</div><!--answer-->
  1354. {/block:Answer}
  1355.  
  1356.  
  1357.  
  1358. {block:IndexPage}
  1359. {block:Date}
  1360.  
  1361. {block:HasTags}
  1362. <div class="tagsin nonn">
  1363. {block:Tags}
  1364. <a href="{TagURL}">#{Tag}</a>
  1365. {/block:Tags}
  1366. </div><!--tagsin-->
  1367. {/block:HasTags}
  1368.  
  1369. <div class="permawrap">
  1370.  
  1371. <div class="perma nonn">
  1372. <a href="{Permalink}">
  1373. <b>{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero}</b>
  1374. </a>
  1375.  
  1376. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1377. </div><!--perma-->
  1378.  
  1379.  
  1380.  
  1381. {Block:IndexPage}
  1382. <div class="vinegar non">
  1383.  
  1384. <!-- Like + Reblog buttons (2/2) -->
  1385. <div class="controls">
  1386.  
  1387. <a href="#" class="like" title="like this post?">{LikeButton}
  1388. <span class="sf sf-heart-2-o"></span>
  1389. </a>
  1390.  
  1391. <a href="{ReblogURL}" class="rb" title="reblog this post?" target="_blank" class="reblog">
  1392. <span class="sf sf-reblog"></span>
  1393. </a>
  1394.  
  1395. </div><!--controls-->
  1396. </div><!--vinegar-->
  1397. {/block:IndexPage}
  1398.  
  1399.  
  1400. </div><!--permawrap-->
  1401. {/block:Date}
  1402. {/block:IndexPage}
  1403.  
  1404.  
  1405.  
  1406.  
  1407. <!-----------PERMA ON PERMAPAGE----------->
  1408. {block:PermalinkPage}
  1409. {block:Date}
  1410. <div class="permawrap">
  1411.  
  1412. <div class="perma nonn">
  1413. <a href="{Permalink}">
  1414. <b>{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero}</b>
  1415. </a>
  1416.  
  1417. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1418.  
  1419. {block:RebloggedFrom}
  1420. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1421. {block:ContentSource}
  1422. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1423. {/block:ContentSource}
  1424. {/block:RebloggedFrom}
  1425.  
  1426. {block:HasTags}
  1427. <div class="tagsin nonn" style="text-align:left;">
  1428. {block:Tags}
  1429. <a href="{TagURL}">#{Tag}</a>
  1430. {/block:Tags}
  1431. </div><!--tagsin-->
  1432. {/block:HasTags}
  1433. </div><!--perma-->
  1434. </div><!--permawrap-->
  1435. {block:Date}
  1436. {block:PermalinkPage}
  1437.  
  1438.  
  1439.  
  1440. </div><!--posts-->
  1441.  
  1442.  
  1443. {block:PostNotes}
  1444. {PostNotes}
  1445. {/block:PostNotes}
  1446.  
  1447. {/block:Posts}
  1448.  
  1449.  
  1450. {block:Pagination}
  1451. <div class="botpagi">
  1452. {block:PreviousPage}<a title="Previous Page" href="{PreviousPage}">«</a>{/block:PreviousPage}
  1453. {block:JumpPagination length="8"}
  1454. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1455. {block:JumpPage}<a href="{URL}" title="page {PageNumber}">{PageNumber}</a> {/block:JumpPage}
  1456. {/block:JumpPagination}
  1457. {block:NextPage}<a title="Next Page" href="{NextPage}">»</a>{/block:NextPage}
  1458. </div>
  1459. {/block:Pagination}
  1460.  
  1461. </div><!--nudge-->
  1462. </div><!--cont-->
  1463.  
  1464.  
  1465. </body>
  1466. </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!