glenthemes

Theme [11]: Shatter

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