glenthemes

Theme [27]: Astralis

Feb 6th, 2018 (edited)
38,340
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 55.60 KB | None | 0 0
  1. <!-----------------------------------------------------------------------
  2. Theme [27]: Astralis
  3. Made by glenthemes
  4.  
  5. Initial release: 2018/02/06
  6. Last updated: 2026/02/09
  7.  
  8. What's new:
  9. ✱ improved npf links, chats, quotes support
  10. ✱ improved post types detection
  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. Please stick to the terms; I spent 10000 years on this (ɔˆ³(´ᴗ`c)
  20. ------------------------------------------------------------------------>
  21.  
  22. <!DOCTYPE html>
  23. <html>
  24.  
  25. <head>
  26.  
  27. <title>{Title}</title>
  28.  
  29. <link rel="shortcut icon" href="{Favicon}">
  30.  
  31. <!--------------------JAVASCRIPTS-------------------->
  32. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  34. <script>
  35. (function($){
  36. $(document).ready(function(){
  37. $("a[title]").style_my_tooltips({
  38. tip_follows_cursor:true,
  39. tip_delay_time:120,
  40. tip_fade_speed:120,
  41. attribute:"title"
  42. });
  43. });
  44. })(jQuery);
  45. </script>
  46.  
  47. <script>
  48. $(document).ready(function() {
  49. $('iframe.tumblr_audio_player').load( function() {
  50. $('iframe.tumblr_audio_player').contents().find("head")
  51. .append($("<style type='text/css'> .audio-player{background:{color:permalink background} !important; padding:5px 10px 5px 0px !important;} .play-pause{color:{color:permalink text} !important; font-size:15px!important; padding:0 9.5px!important} </style>"));
  52. });
  53. });
  54. </script>
  55.  
  56. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  57. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  58. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  59.  
  60.  
  61. <script>
  62. $(document).ready(function(){
  63. $('.photo-slideshow').pxuPhotoset({
  64. lightbox: true,
  65. rounded: false,
  66. gutter: '{select:photos spacing}',
  67. borderRadius: '0px',
  68. photoset: '.photo-slideshow',
  69. photoWrap: '.photo-data',
  70. photo: '.pxu-photo'
  71. });
  72. });
  73. </script>
  74.  
  75. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  76.  
  77. {block:ifsmoothscrolling}
  78. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
  79. {/block:ifsmoothscrolling}
  80.  
  81. <link href="//fonts.googleapis.com/css?family=Karla|Quicksand|Space+Mono" rel="stylesheet">
  82.  
  83. <link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
  84.  
  85. <!-- "saturnicons" icon font by saturnthms -->
  86. <link href="//saturnicons.gitlab.io/backup/icons.css" rel="stylesheet" crossorigin>
  87.  
  88. <script src="//static.tumblr.com/snld4jp/rTori7q11/gtresizing.js"></script>
  89.  
  90. <link href="//static.tumblr.com/2pnwama/Ojmp3p88o/gypsophila.min.css" rel="stylesheet">
  91.  
  92. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  93.  
  94. <script src="//npf-images-v3.github.io/script.js"></script>
  95. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  96. <style tmblr-npf>
  97. :root {
  98. --NPF-Caption-Spacing:1em;
  99. --NPF-Image-Spacing:{select:photos spacing};
  100. }
  101.  
  102. a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
  103. padding-bottom:0!important;
  104. border-bottom:none!important;
  105. }
  106.  
  107. .spotify_audio_player {
  108. height:80px!important;
  109. }
  110. </style>
  111.  
  112. <script>
  113. // minimal soundcloud player @ shythemes.tumblr
  114. // shythemes.tumblr.com/post/114792480648
  115. $(document).ready(function(){
  116. var soundcloud_btn = '{color:link}';
  117. $('.soundcloud_audio_player').each(function(){
  118. $(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%' });
  119. });
  120. });
  121. </script>
  122.  
  123. <script src="//glen-themes.gitlab.io/thms/27/astralis_npf_2023.js"></script>
  124.  
  125. <!-- unblue polls -->
  126. <!-- glenthemes.tumblr.com/post/708014819571302400 -->
  127. <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
  128. <style unblue-polls>
  129. .poll-post {
  130. --Poll-Question-Font-Size: {select:font size};
  131.  
  132. --Poll-Option-Background-Color: transparent;
  133. --Poll-Option-Corner-Rounding: 5px;
  134. --Poll-Option-Border-Size: 1px;
  135. --Poll-Option-Border-Color: rgba({RGBcolor:text},0.2);
  136. --Poll-Option-Padding: 10px;
  137. --Poll-Option-Font-Size: {select:font size};
  138. --Poll-Option-Spacing: 10px;
  139. --Poll-Option-Text-Color: {color:text};
  140.  
  141. --Poll-Option-HOVER-Border-Color: {color:permalink background};
  142. --Poll-Option-HOVER-Background-Color: {color:permalink background};
  143. --Poll-Option-HOVER-Text-Color: {color:permalink text};
  144. --Poll-Option-HOVER-Speed: 0.4s;
  145. }
  146.  
  147. .poll-see-results {
  148. padding-bottom:0!important;
  149. border-bottom:none!important;
  150. font-size:calc(var(--Poll-Option-Font-Size) - 1px)!important;
  151. text-transform:uppercase;
  152. letter-spacing:0.5px;
  153. }
  154. </style>
  155.  
  156. <!-- npf audio player -->
  157. <!-- glenthemes.tumblr.com/post/722160746171072512 -->
  158. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  159. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  160. <script>
  161. tumblr_npf_audio({
  162. emptyTitleText: "Untitled track",
  163. emptyArtistText: "Untitled artist",
  164. emptyAlbumText: "Untitled album",
  165.  
  166. titleLabel: "Track:",
  167. artistLabel: "Artist:",
  168. albumLabel: "Album:"
  169. });
  170. </script>
  171. <style edit-npf-audio-player>
  172. .npf-audio-wrapper {
  173. --NPF-Audio-Buttons-Size: {select:font size};
  174. --NPF-Audio-Buttons-Color: {color:permalink text};
  175. --NPF-Audio-Buttons-Padding: 14px;
  176. --NPF-Audio-Buttons-Spacing: calc((var(--NPF-Audio-Buttons-Padding) * 2) + 10px);
  177. --NPF-Audio-Image-Spacing: 0.9rem;
  178. }
  179.  
  180. .npf-audio-background {
  181. margin-left:calc(18px + var(--NPF-Audio-Buttons-Padding));
  182. }
  183.  
  184. .npf-audio-play, .npf-audio-pause {
  185. position:relative;
  186. z-index:0;
  187. }
  188.  
  189. .npf-audio-play:after, .npf-audio-pause:after {
  190. content:"";
  191. position:absolute;
  192. top:0;left:0;
  193. margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
  194. margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
  195. width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  196. height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  197. background:{color:permalink background};
  198. border-radius:100%;
  199. z-index:-1;
  200. }
  201.  
  202. .npf-audio-play svg { margin-left:1px; }
  203. .npf-audio-pause svg { margin-left:0; }
  204.  
  205. .npf-audio-title-label,
  206. .npf-audio-artist-label,
  207. .npf-audio-album-label {
  208. color:{color:bold};
  209. text-transform:uppercase;
  210. }
  211.  
  212. figcaption.audio-caption,
  213. figcaption.audio-caption ~ audio[controls],
  214. figcaption.audio-caption img, .npf-audio-image {
  215. display:none;
  216. }
  217. </style>
  218.  
  219. <script src="//glen-npf.gitlab.io/other/neue.js"></script>
  220. <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
  221.  
  222. <!--------------------IMAGES-------------------->
  223. <meta name="image:container frame image" content="//78.media.tumblr.com/08a3c72453820f8a96382cceee297650/tumblr_p3ht4ajw5Z1qg2f5co4_r1_1280.png"/>
  224. <meta name="image:background image" content="//static.tumblr.com/bf4df2be9d68dc734c20c731b9a5bccd/2pnwama/dc6p3htdt/tumblr_static_e9nkz2zjuk0s004go8swc008o.png"/>
  225. <meta name="image:sidebar icon" content="//78.media.tumblr.com/669b665392c5dcad9e4641d00c370092/tumblr_p3m4ucn8uF1qg2f5co7_r1_250.png"/>
  226.  
  227. <!--------------------COLORS-------------------->
  228. <meta name="color:container frame borders" content="#706385"/>
  229. <meta name="color:container frame background" content="#000"/>
  230.  
  231. <meta name="color:background" content="#000"/>
  232. <meta name="color:post" content="#111"/>
  233. <meta name="color:post borders" content="#222"/>
  234. <meta name="color:text" content="#999"/>
  235. <meta name="color:bold" content="#b2acbe">
  236. <meta name="color:Italic" content="#999">
  237. <meta name="color:Link" content="#b997ce">
  238. <meta name="color:Link Hover" content="#c0afdd">
  239.  
  240. <meta name="color:permalink background" content="#191919">
  241. <meta name="color:permalink text" content="#aaa">
  242. <meta name="color:permalink icon background" content="#4f4362">
  243. <meta name="color:permalink icon" content="#cbc6e4">
  244.  
  245. <meta name="color:post tags background" content="#202020">
  246. <meta name="color:post tags" content="#aaa">
  247. <meta name="color:post tags background hover" content="#272727">
  248. <meta name="color:post tags hover" content="#aaa">
  249.  
  250. <meta name="color:constellation color" content="#cab1da"/>
  251. <meta name="color:sidebar links text" content="#aa9db3"/>
  252. <meta name="color:sidebar links" content="#c0afdd"/>
  253. <meta name="color:sidebar links hover" content="#dfd7ee"/>
  254.  
  255. <meta name="color:scrollbar" content="#8878a3"/>
  256. <meta name="color:scrollbar background" content="#090909"/>
  257.  
  258. <meta name="color:highlight" content="#111"/>
  259. <meta name="color:highlighted text" content="#ccc"/>
  260.  
  261. <!-----------------DROPDOWN OPTS----------------->
  262. <meta name="select:zodiac constellation" title="Aries" content="aries"/>
  263. <meta name="select:zodiac constellation" title="Taurus" content="taurus"/>
  264. <meta name="select:zodiac constellation" title="Gemini" content="gemini"/>
  265. <meta name="select:zodiac constellation" title="Cancer" content="cancer"/>
  266. <meta name="select:zodiac constellation" title="Leo" content="leo"/>
  267. <meta name="select:zodiac constellation" title="Virgo" content="virgo"/>
  268. <meta name="select:zodiac constellation" title="Libra" content="libra"/>
  269. <meta name="select:zodiac constellation" title="Scorpio" content="scorpio"/>
  270. <meta name="select:zodiac constellation" title="Sagittarius" content="sagittarius"/>
  271. <meta name="select:zodiac constellation" title="Capricorn" content="capricorn"/>
  272. <meta name="select:zodiac constellation" title="Aquarius" content="aquarius"/>
  273. <meta name="select:zodiac constellation" title="Pisces" content="pisces"/>
  274.  
  275. <meta name="select:frame thickness" title="40px" content="40px">
  276. <meta name="select:frame thickness" title="15px" content="15px">
  277. <meta name="select:frame thickness" title="20px" content="20px">
  278. <meta name="select:frame thickness" title="25px" content="25px">
  279. <meta name="select:frame thickness" title="35px" content="35px">
  280. <meta name="select:frame thickness" title="45px" content="45px">
  281. <meta name="select:frame thickness" title="50px" content="50px">
  282. <meta name="select:frame thickness" title="55px" content="55px">
  283. <meta name="select:frame thickness" title="60px" content="60px">
  284.  
  285. <meta name="select:font size" title="12px" content="12px">
  286. <meta name="select:font size" title="11px" content="11px">
  287. <meta name="select:font size" title="13px" content="13px">
  288. <meta name="select:font size" title="14px" content="14px">
  289. <meta name="select:font size" title="15px" content="15px">
  290. <meta name="select:font size" title="16px" content="16px">
  291.  
  292. <meta name="select:post width" title="450px" content="450px">
  293. <meta name="select:post width" title="300px" content="300px">
  294. <meta name="select:post width" title="350px" content="375px">
  295. <meta name="select:post width" title="400px" content="400px">
  296. <meta name="select:post width" title="500px" content="500px">
  297. <meta name="select:post width" title="540px" content="540px">
  298. <meta name="select:post width" title="600px" content="600px">
  299.  
  300. <meta name="select:post padding" title="15px" content="15px">
  301. <meta name="select:post padding" title="10px" content="10px">
  302. <meta name="select:post padding" title="20px" content="20px">
  303. <meta name="select:post padding" title="25px" content="25px">
  304.  
  305. <meta name="select:permalink padding" title="15px" content="15px">
  306. <meta name="select:permalink padding" title="10px" content="10px">
  307. <meta name="select:permalink padding" title="20px" content="20px">
  308. <meta name="select:permalink padding" title="25px" content="25px">
  309. <meta name="select:permalink padding" title="30px" content="30px">
  310.  
  311. <meta name="select:photos spacing" title="10px" content="10px">
  312. <meta name="select:photos spacing" title="0px" content="0px">
  313. <meta name="select:photos spacing" title="2px" content="2px">
  314. <meta name="select:photos spacing" title="4px" content="4px">
  315. <meta name="select:photos spacing" title="6px" content="6px">
  316. <meta name="select:photos spacing" title="8px" content="8px">
  317.  
  318. <meta name="select:post spacing" title="45px" content="45px">
  319. <meta name="select:post spacing" title="20px" content="20px">
  320. <meta name="select:post spacing" title="25px" content="25px">
  321. <meta name="select:post spacing" title="30px" content="30px">
  322. <meta name="select:post spacing" title="35px" content="35px">
  323. <meta name="select:post spacing" title="40px" content="40px">
  324. <meta name="select:post spacing" title="50px" content="50px">
  325. <meta name="select:post spacing" title="55px" content="55px">
  326. <meta name="select:post spacing" title="60px" content="60px">
  327.  
  328. <meta name="select:center gap" title="70px" content="70px">
  329. <meta name="select:center gap" title="30px" content="30px">
  330. <meta name="select:center gap" title="40px" content="40px">
  331. <meta name="select:center gap" title="50px" content="50px">
  332. <meta name="select:center gap" title="60px" content="60px">
  333. <meta name="select:center gap" title="80px" content="80px">
  334. <meta name="select:center gap" title="90px" content="90px">
  335. <meta name="select:center gap" title="100px" content="100px">
  336. <meta name="select:center gap" title="110px" content="110px">
  337. <meta name="select:center gap" title="120px" content="120px">
  338. <meta name="select:center gap" title="130px" content="130px">
  339.  
  340. <!-----------------TOGGLE OPTS----------------->
  341. <meta name="if:moving stars background" content="0" />
  342.  
  343. <meta name="if:description scrollbar" content="0" />
  344. <meta name="if:pagination in sidebar" content="1" />
  345.  
  346. <meta name="if:photo fade" content="0" />
  347. <meta name="if:monochrome posts" content="0" />
  348. <meta name="if:post borders" content="0" />
  349.  
  350. <meta name="if:smooth scrolling" content="0" />
  351. <meta name="if:dark tumblr controls" content="0" />
  352. <meta name="if:hover tumblr controls" content="0" />
  353.  
  354. <!-----------------TEXT FIELDS----------------->
  355.  
  356. <meta name="text:Link 1" content="Sample link 1">
  357. <meta name="text:Link 1 URL" content="https://www.youtube.com/watch?v=uYaKLwpoLGM">
  358. <meta name="text:Link 2" content="">
  359. <meta name="text:Link 2 URL" content="">
  360. <meta name="text:Link 3" content="">
  361. <meta name="text:Link 3 URL" content="">
  362. <meta name="text:Link 4" content="">
  363. <meta name="text:Link 4 URL" content="">
  364. <meta name="text:Link 5" content="">
  365. <meta name="text:Link 5 URL" content="">
  366. <meta name="text:Link 6" content="">
  367. <meta name="text:Link 6 URL" content="">
  368. <meta name="text:Link 7" content="">
  369. <meta name="text:Link 7 URL" content="">
  370. <meta name="text:Link 8" content="">
  371. <meta name="text:Link 8 URL" content="">
  372.  
  373. <!-------------------------------------------------------------------->
  374.  
  375. <style type="text/css">
  376.  
  377. /*--------------------TOOLTIPS--------------------*/
  378. #s-m-t-tooltip {
  379. padding: 4px 9px;
  380. margin: 26px 9px 0px 15px;
  381. background-color: {color:permalink icon background};
  382. border-radius:5px;
  383. font-family: karla;
  384. font-size: calc({select:font size} - 3px);
  385. letter-spacing: 1px;
  386. text-transform: uppercase;
  387. color: {color:permalink icon};
  388. z-index:99999999999999999999999999998!important;
  389. max-width: calc({select:post width} * 1.25);
  390. -webkit-transition: all 0.3s ease-in-out;
  391. -moz-transition: all 0.3s ease-in-out;
  392. -o-transition: all 0.3s ease-in-out;
  393. }
  394.  
  395. /*--------------------TUMBLR CONTROLS--------------------*/
  396. iframe#tumblr_controls, .iframe-controls--desktop {
  397. top:calc({select:frame thickness} + 10px)!important;
  398. right:calc({select:frame thickness} + 15px)!important;
  399. padding-right:calc(15px + 16px + 16px)!important;
  400. position:fixed!important;
  401.  
  402. {block:ifdarktumblrcontrols}
  403. filter:invert(100%) hue-rotate(180deg);
  404. -webkit-filter:invert(100%) hue-rotate(180deg);
  405. {/block:ifdarktumblrcontrols}
  406.  
  407. transform:scale(0.7,0.7);
  408. -webkit-transform:scale(0.7,0.7);
  409.  
  410. transform-origin:100% 0;
  411.  
  412. {block:ifhovertumblrcontrols}opacity:0;{/block:ifhovertumblrcontrols}
  413. {block:ifnothovertumblrcontrols}opacity:0.8;{/block:ifnothovertumblrcontrols}
  414.  
  415. z-index:999999!important;
  416. transition:0.3s ease-in-out;
  417. }
  418.  
  419. iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {
  420. opacity:0.8;
  421. }
  422.  
  423. #cok {
  424. position:fixed;
  425. top:0;margin-top:calc({select:frame thickness} + 20px);
  426. right:0;margin-right:calc({select:frame thickness} + 25px);
  427. font-size:16px;
  428. color:{color:container frame borders};
  429. z-index:999998;
  430. }
  431.  
  432. /*--------------------SCROLLBAR--------------------*/
  433. ::-webkit-scrollbar {
  434. width: 13px;
  435. height: 13px;
  436. }
  437.  
  438. ::-webkit-scrollbar-thumb {
  439. background-color: {color:scrollbar};
  440. border-top:13px solid {color:scrollbar background};
  441. border-right:6px solid {color:scrollbar background};
  442. border-bottom:13px solid {color:scrollbar background};
  443. border-left:6px solid {color:scrollbar background};
  444. }
  445.  
  446. ::-webkit-scrollbar-track {
  447. background:{color:scrollbar background};
  448. }
  449.  
  450. /*--------------------TEXT HIGHLIGHT--------------------*/
  451. ::selection {
  452. background: {color:highlight};
  453. color:{color:highlighted text};
  454. }
  455.  
  456. ::-moz-selection {
  457. background: {color:highlight};
  458. color:{color:highlighted text};
  459. }
  460.  
  461. /*--------------------BASICS--------------------*/
  462. body {
  463. background:{color:background} url({image:background image});
  464. background-attachment:fixed;
  465. background-repeat:repeat;
  466. color:{color:text};
  467. cursor:normal;
  468. font-family:karla;
  469. line-height:1.6em;
  470. font-size:{select:font size};
  471. text-align:left;
  472. overflow:hidden;
  473. }
  474.  
  475. blockquote {
  476. padding-left:10px;
  477. margin-left:5px;
  478. border-left:1px solid;
  479. border-color:rgba({RGBcolor:text},0.6);
  480. margin:10px;
  481. }
  482.  
  483. b, strong {font-weight:bold;color: {color:Bold};}
  484.  
  485. .non a {
  486. padding-bottom:0px!important;
  487. border-bottom:0px solid transparent!important;
  488. }
  489.  
  490. .nonn a {
  491. border-bottom:0px solid transparent!important;
  492. }
  493.  
  494. i, em, .em {color: {color:Italic};}
  495.  
  496. pre, code {
  497. white-space:pre-wrap;
  498. display:block;
  499. }
  500.  
  501. hr {
  502. width:70%;
  503. border-width:0px;
  504. height:1px;
  505. background-color:rgba({RGBcolor:text},0.3);
  506. }
  507.  
  508. p.npf_quirky, p.npf_chat, p.npf_quote {
  509. font-size:inherit;
  510. line-height;inherit
  511. }
  512.  
  513. /*--------------------LINKS--------------------*/
  514. a {
  515. color:{color:link};
  516. text-decoration:none;
  517. cursor:normal;
  518. text-decoration:none;
  519. -webkit-transition: all 0.4s ease-in-out;
  520. -moz-transition: all 0.4s ease-in-out;
  521. -o-transition: all 0.4s ease-in-out;
  522. }
  523.  
  524. a:hover {text-decoration:none;}
  525.  
  526. img {opacity:1;text-decoration:none;}
  527.  
  528. h1 {
  529. font-size:calc({select:font size} + 1px);
  530. font-family:quicksand;
  531. text-transform: uppercase;
  532. letter-spacing: 2px;
  533. color:{color:text};
  534. text-align:center;
  535. }
  536.  
  537. .pp p:first-child {margin-top:0px;}
  538.  
  539. /*--------------------EDGE--------------------*/
  540. #toppie {
  541. position:fixed;
  542. top:0;margin-top:0px;
  543. left:0;margin-left:0px;
  544. width:100%;
  545. height:{select:frame thickness};
  546. }
  547.  
  548. #rightie {
  549. position:absolute;
  550. top:0;margin-top:0px;
  551. right:0;margin-right:0px;
  552. width:{select:frame thickness};
  553. height:100%;
  554. }
  555.  
  556. #bottie {
  557. position:fixed;
  558. bottom:0;margin-bottom:0px;
  559. left:0;margin-left:0px;
  560. width:100%;
  561. height:{select:frame thickness};
  562. }
  563.  
  564. #leftie {
  565. position:fixed;
  566. top:0;margin-top:0px;
  567. left:0;margin-left:0px;
  568. width:{select:frame thickness};
  569. height:100%;
  570. }
  571.  
  572. #toppie, #rightie, #bottie, #leftie {
  573. background-color:{color:permalink background};
  574. background:url('{image:container frame image}') repeat fixed center {color:container frame background};
  575. z-index:5;
  576. }
  577.  
  578. /*--------------------DOT CORNERS--------------------*/
  579. #sardine {
  580. top:0;left:0;
  581. margin-top:calc({select:frame thickness} - 5px - 0.5px);
  582. margin-left:calc({select:frame thickness} - 5px - 0.5px);
  583. /* 5px = half of 10px i.e box width */
  584. /* 0.5px half of 1px i.e border thickness */
  585. }
  586.  
  587. #canola {
  588. top:0;right:0;
  589. margin-top:calc({select:frame thickness} - 5px - 0.5px);
  590. margin-right:calc({select:frame thickness} - 5px - 0.5px);
  591. }
  592.  
  593. #maple {
  594. bottom:0;right:0;
  595. margin-bottom:calc({select:frame thickness} - 5px - 0.5px);
  596. margin-right:calc({select:frame thickness} - 5px - 0.5px);
  597. }
  598.  
  599. #sage {
  600. bottom:0;left:0;
  601. margin-bottom:calc({select:frame thickness} - 5px - 0.5px);
  602. margin-left:calc({select:frame thickness} - 5px - 0.5px);
  603. }
  604.  
  605. #sardine, #canola, #maple, #sage {
  606. position:fixed;
  607. width:10px;height:10px;
  608. background:url('{image:container frame image}') repeat fixed center {color:container frame background};
  609. border:1px solid {color:container frame borders};
  610. z-index:7;
  611. }
  612.  
  613. /*-----------------SIDE STRINGS-----------------*/
  614. #ham, #sausage, #spaghetti, #tomato {
  615. position:fixed;
  616. background-color:{color:container frame borders};
  617. z-index:6;
  618. }
  619.  
  620. #ham {
  621. left:50%;transform:translateX(-50%);
  622. top:0;
  623. margin-top:{select:frame thickness};
  624. height:1px;
  625. width:calc((100vw - {select:frame thickness} * 2) - 10px - 2px);
  626. /* 10px = half of box * 2 */
  627. /* 2px = 1px border on both boxes */
  628. }
  629.  
  630. #sausage {
  631. top:50%;transform:translateY(-50%);
  632. right:0;
  633. margin-right:{select:frame thickness};
  634. width:1px;
  635. height:calc((100vh - {select:frame thickness} * 2) - 10px - 2px);
  636. }
  637.  
  638. #spaghetti {
  639. left:50%;transform:translateX(-50%);
  640. bottom:0;
  641. margin-bottom:{select:frame thickness};
  642. height:1px;
  643. width:calc((100vw - {select:frame thickness} * 2) - 10px - 2px);
  644. }
  645.  
  646. #tomato {
  647. top:50%;transform:translateY(-50%);
  648. left:0;
  649. margin-left:{select:frame thickness};
  650. width:1px;
  651. height:calc((100vh - {select:frame thickness} * 2) - 10px - 2px);
  652. }
  653.  
  654. /*-----------------INNER CONT-----------------*/
  655. #taco {
  656. position:absolute;
  657. top:0;left:0;
  658. margin-top:calc({select:frame thickness} + 1px);
  659. margin-left:calc({select:frame thickness} + 1px);
  660. width:calc(100vw - ({select:frame thickness} * 2) - 1px);
  661. height:calc(100vh - ({select:frame thickness} * 2) - 1px);
  662. background-color:transparent;
  663. overflow-y:auto;
  664. overflow-x:hidden;
  665. z-index:-1;
  666. }
  667.  
  668. #container {
  669. position:absolute;
  670. margin:0 auto;
  671. margin-top:{select:post spacing};
  672. margin-bottom:{select:post spacing};
  673. top:0;left:0;right:0;
  674. width:calc({select:post width} + ({select:post padding} * 2) + {select:center gap} + 350px);
  675. }
  676.  
  677.  
  678. #nudge {
  679.  
  680. }
  681.  
  682. #galaxy {
  683. position:fixed;
  684. top:50%;transform:translateY(-50%);
  685. margin-left:calc(({select:post width} + {select:post padding} * 2) + {select:center gap});
  686. /* total post width + gap between posts and sb */
  687. width:350px;
  688. }
  689.  
  690. #cream {display:flex;}
  691.  
  692. #potato {
  693. width:calc(350px * 0.4);
  694. height:200px;
  695. display:table;
  696. }
  697.  
  698. #powder {
  699. display:table-cell;
  700. vertical-align:middle;
  701. }
  702.  
  703. .sparkle {display:flex;margin-top:9px;}
  704.  
  705. .sparkle:first-child {margin-top:4px;}
  706.  
  707. aaa {
  708. font-family:space mono;
  709. text-transform:uppercase;line-height:1em;
  710. font-size:11px;letter-spacing:1px;
  711. color:{color:sidebar links text};
  712. }
  713.  
  714. aaa::after {
  715. content:"";
  716. position:absolute;
  717. margin-top:6px;
  718. margin-left:6px;
  719. width:25px;
  720. height:0.7px;
  721. background-color:{color:sidebar links text};
  722. }
  723.  
  724. .sparkle a {
  725. margin-top:-3px;
  726. margin-left:37px;
  727. font-family:Quicksand;
  728. font-weight:bold;font-size:9px;text-transform:uppercase;
  729. letter-spacing:1px;
  730. color:{color:sidebar links};
  731. }
  732.  
  733. .sparkle a:hover {color:{color:sidebar links hover};}
  734.  
  735. #constos {
  736. width:calc(350px * 0.6);
  737. height:200px;
  738. position:relative;
  739. }
  740.  
  741. #constos:hover {cursor:crosshair;}
  742.  
  743. .aries, .taurus, .gemini, .cancer, .leo, .virgo, .libra, .scorpio, .sagittarius, .capricorn, .aquarius, .pisces {
  744. position:absolute;
  745. bottom:0;
  746. transform-origin:0% 100%;
  747. }
  748.  
  749. .aries {
  750. bottom:60px;left:15px;
  751. }
  752.  
  753. .taurus {
  754. bottom:-22px;left:23px;
  755. transform:scale(1.05,1.05);
  756. }
  757.  
  758. .gemini {
  759. bottom:-10px;left:22px;
  760. transform:scale(1.05,1.05);
  761. }
  762.  
  763. .cancer {
  764. bottom:17px;left:65px;
  765. transform:scale(0.95,0.95);
  766. }
  767.  
  768. .leo {
  769. bottom:20px;left:30px;
  770. transform:scale(1.2,1.2);
  771. }
  772.  
  773. .virgo {
  774. bottom:27px;
  775. transform:scale(0.95,0.95);
  776. }
  777.  
  778. .libra {
  779. bottom:2px;left:22px;
  780. transform:scale(0.98,0.98);
  781. }
  782.  
  783. .scorpio {
  784. bottom:22px;left:27px;
  785. /* transform:scale(1.07,1); */
  786. transform:scale(0.856,0.8);
  787. }
  788.  
  789. .sagittarius {
  790. bottom:32px;left:5px;
  791. transform:scale(0.8,0.8);
  792. }
  793.  
  794. .capricorn {
  795. bottom:23px;left:15px;
  796. transform:scale(0.9,0.9);
  797. }
  798.  
  799. .aquarius {
  800. bottom:30px;left:40px;
  801. transform:scale(0.9,0.9);
  802. }
  803.  
  804. .pisces {
  805. bottom:35px;left:12px;
  806. transform:scale(0.76,0.76);
  807. }
  808.  
  809. .mtx {background-color:{color:constellation color};}
  810.  
  811. #descwrap {
  812. margin-top:8px;
  813. padding:15px;background-color:{color:post};
  814. }
  815.  
  816. .lamp {
  817. position:absolute;
  818. width:64px;
  819. height:64px;
  820. padding:8px;
  821. background-color:{color:permalink background};
  822. }
  823.  
  824. .desc {
  825. margin-left:calc(64px + 16px + 15px);
  826. {block:ifnotdescriptionscrollbar}min-height:calc(64px + 16px);{/block:ifnotdescriptionscrollbar}
  827. {block:ifdescriptionscrollbar}min-height:calc(64px + 16px);max-height:calc(64px + 16px);overflow:auto;padding-right:10px;{/block:ifdescriptionscrollbar}
  828. line-height:1.65em;
  829. font-size:12px;
  830. }
  831.  
  832. .desc::-webkit-scrollbar {
  833. width: 9px;
  834. height: 9px;
  835. }
  836.  
  837. .desc::-webkit-scrollbar-thumb {
  838. background-color: {color:scrollbar};
  839. border:4px solid {color:scrollbar background};
  840. }
  841.  
  842. .desc::-webkit-scrollbar-track {
  843. background:{color:scrollbar background};
  844. }
  845.  
  846. #electric {
  847. margin-top:10px;
  848. display:grid;
  849. grid-template-columns:repeat(4, 1fr);
  850. grid-gap:10px;
  851. }
  852.  
  853. #electric a {
  854. display:block;
  855. text-align:center;
  856. padding:7px 6px;
  857. background-color:{color:post};
  858. font-family:quicksand;
  859. line-height:1em;
  860. text-transform:uppercase;
  861. font-size:8px;
  862. font-weight:bold;
  863. letter-spacing:2px;
  864. color:{color:text};
  865. }
  866.  
  867. #electric a:hover {letter-spacing:3px}
  868.  
  869. /*--------------------POSTS--------------------*/
  870. .posts {
  871. overflow:hidden;
  872. margin-bottom:{select:post spacing};
  873. width:{select:post width};
  874. padding:{select:post padding};
  875. background-color:{color:post};
  876. {block:ifpostborders}border:1px solid {color:post borders};{/block:ifpostborders}
  877. }
  878.  
  879. {block:PermalinkPage}
  880. .posts:last-of-type {margin-bottom:0px;}
  881. {/block:PermalinkPage}
  882.  
  883. .posts a, .desc a {
  884. color:{color:link};
  885. padding-bottom:1px;
  886. border-bottom:0.5px solid rgba({RGBcolor:link},0.4);
  887. }
  888.  
  889. .posts a:hover, .desc a:hover {
  890. color:{color:link hover};
  891. border-bottom:0.5px solid rgba({RGBcolor:link hover},0.4);
  892. }
  893.  
  894. .photos, .photos img {
  895. position:relative;
  896. overflow:hidden;
  897. width:{select:post width};
  898.  
  899. {block:IndexPage}
  900. {block:ifphotofade}
  901. opacity:0.8;
  902. -webkit-transition: all 0.8s ease-in-out;
  903. -moz-transition: all 0.8s ease-in-out;
  904. -o-transition: all 0.8s ease-in-out;
  905. {/block:ifphotofade}
  906.  
  907. {block:ifmonochromeposts}
  908. -webkit-filter:grayscale(100%);
  909. filter:grayscale(100%);
  910. -webkit-transition: all 0.8s ease-in-out;
  911. -moz-transition: all 0.8s ease-in-out;
  912. -o-transition: all 0.8s ease-in-out;
  913. {/block:ifmonochromeposts}
  914. {/block:IndexPage}
  915. }
  916.  
  917. .posts:hover .photos {
  918. opacity:1;
  919. -webkit-filter:grayscale(0%);
  920. filter:grayscale(0%);
  921. }
  922.  
  923. .posts img {
  924. {block:IndexPage}
  925. {block:ifphotofade}
  926. opacity:0.8;
  927. -webkit-transition: all 0.8s ease-in-out;
  928. -moz-transition: all 0.8s ease-in-out;
  929. -o-transition: all 0.8s ease-in-out;
  930. {/block:ifphotofade}
  931.  
  932. {block:ifmonochromeposts}
  933. -webkit-filter:grayscale(100%);
  934. filter:grayscale(100%);
  935. -webkit-transition: all 0.8s ease-in-out;
  936. -moz-transition: all 0.8s ease-in-out;
  937. -o-transition: all 0.8s ease-in-out;
  938. {/block:ifmonochromeposts}
  939. {/block:IndexPage}
  940. }
  941.  
  942. .posts:hover img {
  943. opacity:1;
  944. -webkit-filter:grayscale(0%);
  945. filter:grayscale(0%);
  946. }
  947.  
  948. .posts img, .posts li, .posts blockquote {max-width:100%;height:auto;}
  949.  
  950. .posts iframe {max-width:100%;}
  951.  
  952. /*--------------------TOP PERMA--------------------*/
  953. .citrus {
  954. margin-bottom:{select:post padding};
  955. background-color:{color:permalink background};
  956. padding-top:calc(10px + {select:permalink padding});
  957. padding-right:{select:permalink padding};
  958. padding-bottom:calc(5px + {select:permalink padding});
  959. padding-left:{select:permalink padding};
  960. font-family:karla;line-height:1.6em;
  961. }
  962.  
  963. .citrus .sf {
  964. padding:12px 10px 5px 10px;
  965. background-color:{color:permalink icon background};
  966. font-size:20px;
  967. color:{color:permalink icon};
  968. border-radius:10px;
  969. }
  970.  
  971. .sour {
  972. position:absolute;
  973. margin-top:-29px;
  974. margin-left:40px;
  975. padding-left:10px;
  976. font-family:quicksand;
  977. line-height:1.35em;
  978. text-transform:uppercase;
  979. font-size:11px;font-weight:bold;letter-spacing:0.5px;
  980. color:{color:permalink text};
  981. }
  982.  
  983. .sour uke {
  984. font-size:9px;
  985. letter-spacing:1px;
  986. color:rgba({RGBcolor:permalink text},0.8);
  987. }
  988.  
  989. .vinegar {float:right;}
  990. .vinaigrette {
  991. float:right;
  992. margin-top:calc(-{select:post padding} - {select:permalink padding} - 10px - 18px);
  993. margin-right:calc(2px + {select:permalink padding});
  994. }
  995.  
  996. .salad {
  997. font-family:quicksand;
  998. line-height:1.45em;
  999. text-transform:uppercase;
  1000. font-size:10px;font-weight:bold;letter-spacing:1px;
  1001. }
  1002.  
  1003. .salad {color:rgba({RGBcolor:permalink text},0.8);}
  1004. .salad a, .salad a:hover {color:{color:permalink text};}
  1005.  
  1006. /*--------------------TAGS--------------------*/
  1007. .tagsin {
  1008. margin-right:-3px; /* make room for last tag padding */
  1009. text-transform:uppercase;
  1010. letter-spacing:1.3px;
  1011. text-align:right;line-height:1.4em;
  1012. font-size:calc({select:font size} - 3.5px);
  1013. margin-top:10px;
  1014. }
  1015.  
  1016. .tagsin a {
  1017. display:inline-block;
  1018. margin:3px calc(3px + 1ch);
  1019. padding:4px calc(6px - 2ch); /* 6px orig. 2ch = 1ch on either side */
  1020. /* bc box-shadow makes up for it */
  1021. background-color:{color:post tags background};
  1022. box-shadow: 1ch 0 0 {color:post tags background}, -1ch 0 0 {color:post tags background};
  1023. color:{color:post tags};
  1024. border-bottom:0px solid transparent;
  1025. }
  1026.  
  1027. .tagsin a:hover {
  1028. background-color:{color:post tags background hover};
  1029. box-shadow: 1ch 0 0 {color:post tags background hover}, -1ch 0 0 {color:post tags background hover};
  1030. color:{color:post tags hover};
  1031. }
  1032.  
  1033.  
  1034. /*--------------------POST NOTES--------------------*/
  1035. ol.notes {
  1036. width:{select:post width};
  1037. padding:0px;
  1038. margin-top:30px;
  1039. list-style-type:none;
  1040. }
  1041.  
  1042. ol.notes li.note {
  1043. padding:10px;
  1044. }
  1045.  
  1046. ol.notes li.note img.avatar {
  1047. vertical-align:-4px;
  1048. margin-right:10px;
  1049. width:16px;
  1050. height:16px;
  1051. }
  1052.  
  1053. ol.notes li.note span.action {
  1054. font-weight:none;
  1055. }
  1056.  
  1057. ol.notes li.note .answer_content {
  1058. font-weight:normal;
  1059. }
  1060.  
  1061. ol.notes li.note blockquote {
  1062. padding:4px 10px;
  1063. margin:10px 0px 0px 25px;
  1064. }
  1065.  
  1066. ol.notes li.note blockquote a {
  1067. text-decoration:none;
  1068. }
  1069.  
  1070. /*---------------------------LIGHTBOXES---------------------------*/
  1071. .vignette, #vignette {
  1072. opacity:0;
  1073. }
  1074. .lightbox-image, #tumblr_lightbox img {
  1075. z-index:99999999999999999999999999999 !important;
  1076. box-shadow:none !important;
  1077. border-radius:0px !important;
  1078. max-width:none;
  1079. margin-top:-{select:post padding} !important;
  1080. padding:{select:post padding} !important;
  1081. background:{color:post} !important;
  1082. border:1px solid rgba({RGBcolor:text},0.15) !important;
  1083. }
  1084.  
  1085. .tmblr-lightbox, #tumblr_lightbox {
  1086. background-color:rgba({RGBcolor:post},0.78) !important;
  1087. z-index:99999999999999999999999999999 !important;
  1088. }
  1089.  
  1090. /*---------------------------QUOTES---------------------------*/
  1091. .daydreamer {
  1092. margin-top:6px;
  1093. margin-bottom:10px;
  1094. text-align:center;
  1095. }
  1096.  
  1097. .daydreamer .sf {
  1098. color:{color:text};
  1099. padding:7px 10px 2px 10px;
  1100. font-size:calc({select:font size} + 5px);
  1101. }
  1102.  
  1103. .daydreamer::before {
  1104. content:"";
  1105. position:absolute;
  1106. margin-top:8px;
  1107. margin-left:calc(-{select:post width} / 4);
  1108. width:calc({select:post width} / 4);
  1109. height:1px;
  1110. background:-webkit-linear-gradient(left, transparent 0%, {color:text} 80%, transparent 100%);
  1111. }
  1112.  
  1113. .daydreamer::after {
  1114. content:"";
  1115. position:absolute;
  1116. margin-top:8px;
  1117. margin-left:0px;
  1118. width:calc({select:post width} / 4);
  1119. height:1px;
  1120. background:-webkit-linear-gradient(right, transparent 0%, {color:text} 80%, transparent 100%);
  1121. }
  1122.  
  1123. .quote {
  1124. font-family:Quicksand;
  1125. text-transform:uppercase;letter-spacing:1px;
  1126. font-size:calc({select:font size} + 1px);
  1127. font-weight:bold;
  1128. text-align:center;
  1129. }
  1130.  
  1131. .quotesource {
  1132. text-align:center;
  1133. margin-top:10px;
  1134. }
  1135.  
  1136. /*---------------------------CHATS---------------------------*/
  1137. .chat {
  1138. line-height:2em;
  1139. list-style:none;
  1140. }
  1141.  
  1142. .line.odd {
  1143. background-color:rgba({RGBcolor:permalink background},0.8);
  1144. padding:5px;
  1145. list-style:none;
  1146. color:rgba({RGBcolor:permalink text},0.8);
  1147. }
  1148.  
  1149. .line.even {
  1150. background:{color:post};
  1151. padding:5px;
  1152. list-style:none;
  1153. }
  1154.  
  1155. .label.odd, .label.even {
  1156. padding-right:1px;
  1157. text-transform:uppercase;
  1158. font-weight:bold;
  1159. }
  1160.  
  1161. .label.odd {color:{color:permalink text};}
  1162. .label.even {color:{color:link};}
  1163.  
  1164. /*---------------------------ASKS---------------------------*/
  1165. .q-wrap {
  1166. padding:10px;
  1167. background-color:rgba({RGBcolor:permalink background},0.8);
  1168. min-height:64px;
  1169. }
  1170.  
  1171. .question {margin-left:75px;}
  1172.  
  1173. .askimg {
  1174. position:absolute;
  1175. width:64px;height:64px;
  1176. }
  1177.  
  1178. .asker, .asker b, .asker a, .answer {
  1179. text-transform:uppercase;color:{color:permalink text};
  1180. }
  1181.  
  1182. .answer {
  1183. margin:0px auto;
  1184. text-transform:none;
  1185. }
  1186.  
  1187. /*---------------------------AUDIO---------------------------*/
  1188. .playerbutton {
  1189. position:absolute;
  1190. margin-top:18.5px;
  1191. margin-left:18.5px;
  1192. width:27px;
  1193. height:27px;
  1194. overflow:hidden;
  1195. border-radius:100%;
  1196. }
  1197.  
  1198. .trackdetails {
  1199. width:auto;
  1200. display:inline-block;
  1201. margin-left:70px;
  1202. padding:5px;
  1203. line-height:1.7;
  1204. }
  1205.  
  1206. .trackdetails b {
  1207. font-weight:normal;
  1208. }
  1209.  
  1210. .audiowrapper {
  1211. position:relative;
  1212. display:inline;
  1213. height:0px;
  1214. }
  1215.  
  1216. /*---------------------------VIDEO---------------------------*/
  1217. .tumblr_video_container {
  1218. width:{select:post width}!important;
  1219. height:auto!important;
  1220. max-height:540px!important;
  1221. overflow:hidden!important;
  1222. {block:IndexPage}
  1223. {block:ifphotofade}
  1224. opacity:0.8;
  1225. -webkit-transition: all 0.8s ease-in-out;
  1226. -moz-transition: all 0.8s ease-in-out;
  1227. -o-transition: all 0.8s ease-in-out;
  1228. {/block:ifphotofade}
  1229.  
  1230. {block:ifmonochromeposts}
  1231. -webkit-filter:grayscale(100%);
  1232. filter:grayscale(100%);
  1233. -webkit-transition: all 0.8s ease-in-out;
  1234. -moz-transition: all 0.8s ease-in-out;
  1235. -o-transition: all 0.8s ease-in-out;
  1236. {/block:ifmonochromeposts}
  1237. {/block:IndexPage}
  1238. }
  1239.  
  1240. .posts:hover .tumblr_video_container {
  1241. opacity:1;
  1242. -webkit-filter:grayscale(0%);
  1243. filter:grayscale(0%);
  1244. }
  1245.  
  1246. video {
  1247. max-width:100%;
  1248. height:auto!important;
  1249. outline:none;
  1250. }
  1251.  
  1252. /*------------------------SB PAGINATION------------------------*/
  1253. .sbpagi {
  1254. text-align:center;
  1255. margin-top:12px;
  1256. }
  1257.  
  1258. /* 'Current page' number */
  1259. .sbpagi span {
  1260. margin:7px 0;
  1261. font-size:9px;
  1262. color:{color:Text};
  1263. padding:3px 5px;
  1264. width:9px;
  1265. display:inline-block;
  1266. margin-left:5px;
  1267. text-align:center;
  1268. }
  1269.  
  1270. /* Other page numbers */
  1271. .sbpagi a {
  1272. margin:7px 0;
  1273. background-color:{color:post};
  1274. font-size:9px;
  1275. color:{color:text};
  1276. padding:3px 5px;
  1277. width:9px;
  1278. display:inline-block;
  1279. margin-left:5px;
  1280. text-align:center;
  1281. }
  1282.  
  1283.  
  1284. /*------------------------BOT PAGI------------------------*/
  1285. .botpagi {
  1286. width:calc({select:post width} + ({select:post padding} * 2));
  1287. text-align:center;
  1288. padding:2px 0px 7px 0px;
  1289. background-color:{color:post};
  1290. }
  1291.  
  1292. /* 'Current page' number */
  1293. .botpagi span {
  1294. margin:7px 0;
  1295. font-size:9px;
  1296. color:{color:Text};
  1297. padding:3px 5px;
  1298. width:9px;
  1299. display:inline-block;
  1300. margin-left:5px;
  1301. text-align:center;
  1302. }
  1303.  
  1304. /* Other page numbers */
  1305. .botpagi a {
  1306. margin:7px 0;
  1307. font-size:9px;
  1308. color:{color:text};
  1309. border-bottom:0.5px solid rgba({RGBcolor:text},0.8);
  1310. padding:3px 5px;
  1311. width:9px;
  1312. display:inline-block;
  1313. margin-left:2px;
  1314. text-align:center;
  1315. }
  1316.  
  1317. .botpagi a:hover {
  1318. color:{color:text};
  1319. border-bottom:0.5px solid rgba({RGBcolor:text},0.5);
  1320. }
  1321.  
  1322. /* -- Like + Reblog buttons (1/2) -- */
  1323. /* -- mikedidthis from StackOverflow: //stackoverflow.com/users/2312574/mikedidthis -- */
  1324. /* -- and tutorial by shythemes: //shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
  1325. .controls {
  1326. transform:scale(1.2,1.2);
  1327. transform-origin:0% 50%;
  1328. display:flex;
  1329. align-items:center;
  1330. }
  1331. .controls a {
  1332. position:relative;
  1333. display:block;
  1334. overflow:hidden;
  1335. padding:3px!important;
  1336. flex-shrink:0;
  1337. }
  1338. .controls a + a {
  1339. }
  1340. .controls svg {
  1341. width:calc({select:font size} - 2px);
  1342. height:auto;
  1343. padding:1px;
  1344. display:block;
  1345. overflow:visible;
  1346. fill:rgba({RGBcolor:permalink text},0.8); /* svg icons color */
  1347. }
  1348. .controls .reblog svg {
  1349. width:calc({select:font size} - 3px); /* rb butt size */
  1350. }
  1351. .controls .like .liked + svg path {
  1352. fill:#ec5a5a; /* LIKED color */
  1353. }
  1354. .controls .like .like_button {
  1355. position:relative;
  1356. }
  1357. .controls .like .like_button iframe {
  1358. position:absolute;
  1359. top:0;
  1360. left:0;
  1361. bottom:0;
  1362. right:0;
  1363. z-index:2;
  1364. opacity:0.000001;
  1365. }
  1366.  
  1367. /* STARS PEN BY Lucas Bebber */
  1368. /* //codepen.io/lbebber/pen/xbZKvQ */
  1369.  
  1370. @keyframes rotate {
  1371. 0% {
  1372. transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
  1373. }
  1374. 100% {
  1375. transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
  1376. }
  1377. }
  1378. .stars {
  1379. transform: perspective(500px);
  1380. transform-style: preserve-3d;
  1381. position: absolute;
  1382. bottom: 0;
  1383. perspective-origin: 50% 100%;
  1384. left: 50%;
  1385. animation: rotate 90s infinite linear;
  1386. z-index:-1;
  1387. }
  1388.  
  1389. .star {
  1390. width: 2px;
  1391. height: 2px;
  1392. background: {color:constellation color};
  1393. position: absolute;
  1394. top: 0;
  1395. left: 0;
  1396. transform-origin: 0 0 -300px;
  1397. transform: translate3d(0, 0, -300px);
  1398. backface-visibility: hidden;
  1399. opacity:0.8;
  1400. }
  1401.  
  1402. </style>
  1403.  
  1404. <!-- MOVING STARS BACKGROUND CREDIT: -->
  1405. <!-- codepen.io/lbebber/pen/xbZKvQ -->
  1406. <script>
  1407. $(document).ready(function(){
  1408. var stars=800;
  1409. var $stars=$(".stars");
  1410. var r=800;
  1411. for(var i=0;i<stars;i++){
  1412. var $star=$("<div/>").addClass("star");
  1413. $stars.append($star);
  1414. }
  1415. $(".star").each(function(){
  1416. var cur=$(this);
  1417. var s=0.2+(Math.random()*1);
  1418. var curR=r+(Math.random()*300);
  1419. cur.css({
  1420. transformOrigin:"0 0 "+curR+"px",
  1421. transform:" translate3d(0,0,-"+curR+"px) rotateY("+(Math.random()*360)+"deg) rotateX("+(Math.random()*-50)+"deg) scale("+s+","+s+")"
  1422.  
  1423. })
  1424. })
  1425. })
  1426. </script>
  1427.  
  1428. </head>
  1429.  
  1430. <body>
  1431. <div id="cok"><span class="sf sf-cog-o"></span></div>
  1432.  
  1433. {block:ifmovingstarsbackground}
  1434. <div class="stars"></div>
  1435. {/block:ifmovingstarsbackground}
  1436.  
  1437. <div id="toppie"></div>
  1438. <div id="rightie"></div>
  1439. <div id="bottie"></div>
  1440. <div id="leftie"></div>
  1441.  
  1442. <div id="sardine"></div>
  1443. <div id="canola"></div>
  1444. <div id="maple"></div>
  1445. <div id="sage"></div>
  1446.  
  1447. <div id="ham"></div>
  1448. <div id="sausage"></div>
  1449. <div id="spaghetti"></div>
  1450. <div id="tomato"></div>
  1451.  
  1452. <div id="taco">
  1453. <!---- main shit ---->
  1454. <div id="container">
  1455.  
  1456. <div id="galaxy">
  1457. <div id="cream">
  1458. <div id="constos">
  1459. <div class="{select:zodiac constellation}">
  1460. <div class="mtx {select:zodiac constellation}-orb-1"></div>
  1461. <div class="mtx {select:zodiac constellation}-orb-2"></div>
  1462. <div class="mtx {select:zodiac constellation}-orb-3"></div>
  1463. <div class="mtx {select:zodiac constellation}-orb-4"></div>
  1464. <div class="mtx {select:zodiac constellation}-orb-5"></div>
  1465. <div class="mtx {select:zodiac constellation}-orb-6"></div>
  1466. <div class="mtx {select:zodiac constellation}-orb-7"></div>
  1467. <div class="mtx {select:zodiac constellation}-orb-8"></div>
  1468. <div class="mtx {select:zodiac constellation}-orb-9"></div>
  1469. <div class="mtx {select:zodiac constellation}-orb-10"></div>
  1470. <div class="mtx {select:zodiac constellation}-orb-11"></div>
  1471. <div class="mtx {select:zodiac constellation}-orb-12"></div>
  1472. <div class="mtx {select:zodiac constellation}-orb-13"></div>
  1473. <div class="mtx {select:zodiac constellation}-orb-14"></div>
  1474. <div class="mtx {select:zodiac constellation}-orb-15"></div>
  1475. <div class="mtx {select:zodiac constellation}-orb-16"></div>
  1476. <div class="mtx {select:zodiac constellation}-orb-17"></div>
  1477. <div class="mtx {select:zodiac constellation}-orb-18"></div>
  1478. <div class="mtx {select:zodiac constellation}-orb-19"></div>
  1479. <div class="mtx {select:zodiac constellation}-orb-20"></div>
  1480.  
  1481. <div class="mtx {select:zodiac constellation}-line-1"></div>
  1482. <div class="mtx {select:zodiac constellation}-line-2"></div>
  1483. <div class="mtx {select:zodiac constellation}-line-3"></div>
  1484. <div class="mtx {select:zodiac constellation}-line-4"></div>
  1485. <div class="mtx {select:zodiac constellation}-line-5"></div>
  1486. <div class="mtx {select:zodiac constellation}-line-6"></div>
  1487. <div class="mtx {select:zodiac constellation}-line-7"></div>
  1488. <div class="mtx {select:zodiac constellation}-line-8"></div>
  1489. <div class="mtx {select:zodiac constellation}-line-9"></div>
  1490. <div class="mtx {select:zodiac constellation}-line-10"></div>
  1491. <div class="mtx {select:zodiac constellation}-line-11"></div>
  1492. <div class="mtx {select:zodiac constellation}-line-12"></div>
  1493. <div class="mtx {select:zodiac constellation}-line-13"></div>
  1494. <div class="mtx {select:zodiac constellation}-line-14"></div>
  1495. <div class="mtx {select:zodiac constellation}-line-15"></div>
  1496. <div class="mtx {select:zodiac constellation}-line-16"></div>
  1497. <div class="mtx {select:zodiac constellation}-line-17"></div>
  1498. <div class="mtx {select:zodiac constellation}-line-18"></div>
  1499. <div class="mtx {select:zodiac constellation}-line-19"></div>
  1500. <div class="mtx {select:zodiac constellation}-line-20"></div>
  1501.  
  1502.  
  1503. </div><!--zodiac fam end-->
  1504. </div><!--constos-->
  1505.  
  1506. <div id="potato">
  1507. <div id="powder">
  1508. {block:ifLink1}
  1509. <div class="sparkle">
  1510. <aaa>001</aaa><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
  1511. {/block:ifLink1}
  1512.  
  1513. {block:ifLink2}
  1514. <div class="sparkle">
  1515. <aaa>002</aaa><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
  1516. {/block:ifLink2}
  1517.  
  1518. {block:ifLink3}
  1519. <div class="sparkle">
  1520. <aaa>003</aaa><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
  1521. {/block:ifLink3}
  1522.  
  1523. {block:ifLink4}
  1524. <div class="sparkle">
  1525. <aaa>004</aaa><a href="{text:Link 4 URL}">{text:Link 4}</a></div>
  1526. {/block:ifLink4}
  1527.  
  1528. {block:ifLink5}
  1529. <div class="sparkle">
  1530. <aaa>005</aaa><a href="{text:Link 5 URL}">{text:Link 5}</a></div>
  1531. {/block:ifLink5}
  1532.  
  1533. {block:ifLink6}
  1534. <div class="sparkle">
  1535. <aaa>006</aaa><a href="{text:Link 6 URL}">{text:Link 6}</a></div>
  1536. {/block:ifLink6}
  1537.  
  1538. {block:ifLink7}
  1539. <div class="sparkle">
  1540. <aaa>007</aaa><a href="{text:Link 7 URL}">{text:Link 7}</a></div>
  1541. {/block:ifLink7}
  1542.  
  1543. {block:ifLink8}
  1544. <div class="sparkle">
  1545. <aaa>008</aaa><a href="{text:Link 8 URL}">{text:Link 8}</a></div>
  1546. {/block:ifLink8}
  1547. </div><!--powder-->
  1548. </div><!--potato-->
  1549.  
  1550. </div><!--cream-->
  1551.  
  1552. <div id="descwrap">
  1553. <img class="lamp" src="{image:sidebar icon}">
  1554. <div class="desc">{Description}</div>
  1555. </div><!--descwrap-->
  1556.  
  1557. <div id="electric">
  1558. <a href="/">index</a>
  1559. <a href="/ask">message</a>
  1560. <a href="/archive">archive</a>
  1561. <!--PLEASE DO NOT REMOVE THE THEME CREDIT-->
  1562. <a href="//glenthemes.tumblr.com" title="theme by glenthemes">theme</a>
  1563. </div>
  1564.  
  1565. {block:ifpaginationinsidebar}
  1566. {block:Pagination}
  1567. <div class="sbpagi">
  1568. {block:PreviousPage}<a title="Previous Page" href="{PreviousPage}">«</a>{/block:PreviousPage}
  1569. {block:JumpPagination length="8"}
  1570. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1571. {block:JumpPage}<a href="{URL}" title="page {PageNumber}">{PageNumber}</a> {/block:JumpPage}
  1572. {/block:JumpPagination}
  1573. {block:NextPage}<a title="Next Page" href="{NextPage}">»</a>{/block:NextPage}
  1574. </div>
  1575. {/block:Pagination}
  1576. {/block:ifpaginationinsidebar}
  1577.  
  1578. </div><!--galaxy-->
  1579.  
  1580. <div id="nudge">
  1581.  
  1582. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  1583. <div class="posts" id="{PostID}" post-type="{PostType}">
  1584.  
  1585. {Block:IndexPage}
  1586. {block:Date}
  1587. <!--citrus types start-->
  1588. {block:Text}
  1589. <div class="citrus non">
  1590. <a href="{Permalink}" title="{PostType} posted {TimeAgo}">
  1591. <span class="sf sf-font"></span>
  1592. <div class="sour">
  1593. {DayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {Month}
  1594. <br>
  1595. <uke>{24HourWithZero}:{Minutes}{AMPM} @ {NoteCountWithLabel}</uke>
  1596. </div><!--sour-->
  1597. </a><!--link-->
  1598. </div><!--citrus-->
  1599. {/block:Text}
  1600.  
  1601. {block:Photo}
  1602. <div class="citrus non">
  1603. <a href="{Permalink}" title="{PostType} posted {TimeAgo}">
  1604. <span class="sf sf-camera-o"></span>
  1605. <div class="sour">
  1606. {DayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {Month}
  1607. <br>
  1608. <uke>{24HourWithZero}:{Minutes}{AMPM} @ {NoteCountWithLabel}</uke>
  1609. </div><!--sour-->
  1610. </a><!--link-->
  1611. </div><!--citrus-->
  1612. {/block:Photo}
  1613.  
  1614. {block:Photoset}
  1615. <div class="citrus non">
  1616. <a href="{Permalink}" title="photoset posted {TimeAgo}">
  1617. <span class="sf sf-picture-o"></span>
  1618. <div class="sour">
  1619. {DayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {Month}
  1620. <br>
  1621. <uke>{24HourWithZero}:{Minutes}{AMPM} @ {NoteCountWithLabel}</uke>
  1622. </div><!--sour-->
  1623. </a><!--link-->
  1624. </div><!--citrus-->
  1625. {/block:Photoset}
  1626.  
  1627. {block:Quote}
  1628. <div class="citrus non">
  1629. <a href="{Permalink}" title="{PostType} posted {TimeAgo}">
  1630. <span class="sf sf-book-o"></span>
  1631. <div class="sour">
  1632. {DayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {Month}
  1633. <br>
  1634. <uke>{24HourWithZero}:{Minutes}{AMPM} @ {NoteCountWithLabel}</uke>
  1635. </div><!--sour-->
  1636. </a><!--link-->
  1637. </div><!--citrus-->
  1638. {/block:Quote}
  1639.  
  1640. {block:Link}
  1641. <div class="citrus non">
  1642. <a href="{Permalink}" title="{PostType} posted {TimeAgo}">
  1643. <span class="sf sf-link-2-o"></span>
  1644. <div class="sour">
  1645. {DayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {Month}
  1646. <br>
  1647. <uke>{24HourWithZero}:{Minutes}{AMPM} @ {NoteCountWithLabel}</uke>
  1648. </div><!--sour-->
  1649. </a><!--link-->
  1650. </div><!--citrus-->
  1651. {/block:Link}
  1652.  
  1653. {block:Chat}
  1654. <div class="citrus non">
  1655. <a href="{Permalink}" title="{PostType} posted {TimeAgo}">
  1656. <span class="sf sf-chat-bubbles-o"></span>
  1657. <div class="sour">
  1658. {DayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {Month}
  1659. <br>
  1660. <uke>{24HourWithZero}:{Minutes}{AMPM} @ {NoteCountWithLabel}</uke>
  1661. </div><!--sour-->
  1662. </a><!--link-->
  1663. </div><!--citrus-->
  1664. {/block:Chat}
  1665.  
  1666. {block:Audio}
  1667. <div class="citrus non">
  1668. <a href="{Permalink}" title="{PostType} posted {TimeAgo}">
  1669. <span class="sf sf-megaphone-1-o"></span>
  1670. <div class="sour">
  1671. {DayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {Month}
  1672. <br>
  1673. <uke>{24HourWithZero}:{Minutes}{AMPM} @ {NoteCountWithLabel}</uke>
  1674. </div><!--sour-->
  1675. </a><!--link-->
  1676. </div><!--citrus-->
  1677. {/block:Audio}
  1678.  
  1679. {block:Video}
  1680. <div class="citrus non">
  1681. <a href="{Permalink}" title="{PostType} posted {TimeAgo}">
  1682. <span class="sf sf-video-o"></span>
  1683. <div class="sour">
  1684. {DayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {Month}
  1685. <br>
  1686. <uke>{24HourWithZero}:{Minutes}{AMPM} @ {NoteCountWithLabel}</uke>
  1687. </div><!--sour-->
  1688. </a><!--link-->
  1689. </div><!--citrus-->
  1690. {/block:Video}
  1691.  
  1692. {block:Answer}
  1693. <div class="citrus non">
  1694. <a href="{Permalink}" title="{PostType} posted {TimeAgo}">
  1695. <span class="sf sf-receive-o"></span>
  1696. <div class="sour">
  1697. {DayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {Month}
  1698. <br>
  1699. <uke>{24HourWithZero}:{Minutes}{AMPM} @ {NoteCountWithLabel}</uke>
  1700. </div><!--sour-->
  1701. </a><!--link-->
  1702. </div><!--citrus-->
  1703. {/block:Answer}
  1704.  
  1705. <div class="vinaigrette non">
  1706.  
  1707. <!-- Like + Reblog buttons (2/2) -->
  1708. <div class="controls">
  1709.  
  1710. <a href="#" title="like this post?" class="like">{LikeButton}
  1711. <svg xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1712. </a>
  1713.  
  1714. <a href="{ReblogURL}" title="reblog this post?" target="_blank" class="reblog">
  1715. <svg xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1716. </a>
  1717.  
  1718. </div><!--controls-->
  1719. </div><!--vinegar-->
  1720.  
  1721. <!--citrus types end-->
  1722. {/block:Date}
  1723. {/block:IndexPage}
  1724.  
  1725.  
  1726.  
  1727. <!--citrus on perma ONLY-->
  1728. {block:PermalinkPage}
  1729. {block:Date}
  1730. <div class="citrus non">
  1731. <span class="sf sf-constellation-o"></span>
  1732. <div class="sour">
  1733. Posted on {Year} {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}
  1734. <br>
  1735. <uke>{DayOfWeek} {24HourWithZero}:{Minutes}{AMPM} @ {NoteCountWithLabel}</uke>
  1736. </div><!--sour-->
  1737. </div><!--citrus-->
  1738.  
  1739. {block:RebloggedFrom}
  1740. <div class="vinaigrette salad non">
  1741. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1742. </span>
  1743. </div><!--vinaigrette-->
  1744. {/block:RebloggedFrom}
  1745.  
  1746. {/block:Date}
  1747. {/block:PermalinkPage}
  1748.  
  1749. {block:Text}
  1750. {block:Title}<h1>{Title}</h1>{/block:Title}
  1751. <div class="pp">{Body}</div>
  1752. {/block:Text}
  1753.  
  1754.  
  1755. {block:Photo}
  1756.  
  1757. <div class="photos">
  1758. <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>
  1759.  
  1760. {block:Caption}{Caption}{/block:Caption}
  1761. {/block:Photo}
  1762.  
  1763.  
  1764. {block:Photoset}
  1765.  
  1766. <div class="photos">
  1767. <div class="non">
  1768. <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>
  1769. </div>
  1770. </div>
  1771.  
  1772. {block:Caption}{Caption}{/block:Caption}
  1773. {/block:Photoset}
  1774.  
  1775.  
  1776. {block:Quote}
  1777. <div class="daydreamer"><span class="sf sf-quotation-mark"></span></div>
  1778. <div class="quote">{Quote}</div>
  1779. {block:Source}<div class="quotesource"> — {Source}</div>
  1780. {/block:Source}{/block:Quote}
  1781.  
  1782.  
  1783. {block:Link}
  1784. <h1><div class="non"><a href="{URL}" {Target}>{Name} »</a></div></h1>
  1785. {block:Description}{Description}{/block:Description}
  1786. {/block:Link}
  1787.  
  1788.  
  1789. {block:Chat}
  1790. {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>
  1791. {/block:Chat}
  1792.  
  1793.  
  1794. {block:Audio}
  1795. {block:AudioPlayer}
  1796. <div class="audiowrapper">
  1797. <div class="playerbutton">{AudioPlayer}</div>
  1798.  
  1799. <div class="trackdetails">
  1800. <b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  1801.  
  1802. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  1803.  
  1804. <b>PLAYS:</b> {FormattedPlayCount}</div>
  1805. </div><!--audiowrapper-->
  1806. {/block:AudioPlayer}
  1807.  
  1808. {block:Caption}
  1809. <div class="caption">{Caption}</div>
  1810. {/block:Caption}
  1811. {/block:Audio}
  1812.  
  1813.  
  1814. {block:Video}
  1815. <div class="video">{Video-500}</div>
  1816. {block:Caption}{Caption}{/block:Caption}
  1817. {/block:Video}
  1818.  
  1819.  
  1820. {block:Answer}
  1821. <div class="q-wrap">
  1822. <img class="askimg" src="{AskerPortraitURL-64}" ondragstart='return false;'>
  1823. <div class="question">
  1824. <div class="asker"><b>{Asker} asked:</b></div>
  1825. {Question}</div><!--question-->
  1826. </div><!--qwrap-->
  1827. <div class="answer">{Answer}</div><!--answer-->
  1828. {/block:Answer}
  1829.  
  1830. {block:HasTags}
  1831. <div class="tagsin nonn">
  1832. {block:Tags}
  1833. <a href="{TagURL}">#{Tag}</a>
  1834. {/block:Tags}
  1835. </div>
  1836. {/block:HasTags}
  1837.  
  1838. </div><!--posts-->
  1839.  
  1840.  
  1841. {block:PostNotes}
  1842. {PostNotes}
  1843. {/block:PostNotes}
  1844.  
  1845. {/block:Posts}
  1846.  
  1847.  
  1848.  
  1849. {block:ifnotpaginationinsidebar}
  1850. {block:Pagination}
  1851. <div class="botpagi">
  1852. {block:PreviousPage}<a title="Previous Page" href="{PreviousPage}">«</a>{/block:PreviousPage}
  1853. {block:JumpPagination length="8"}
  1854. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1855. {block:JumpPage}<a href="{URL}" title="page {PageNumber}">{PageNumber}</a> {/block:JumpPage}
  1856. {/block:JumpPagination}
  1857. {block:NextPage}<a title="Next Page" href="{NextPage}">»</a>{/block:NextPage}
  1858. </div>
  1859. {/block:Pagination}
  1860. {/block:ifnotpaginationinsidebar}
  1861.  
  1862. </div><!--nudge-->
  1863. </div><!--cont-->
  1864. </div><!--taco-->
  1865.  
  1866. </body>
  1867. </html>
Advertisement
Add Comment
Please, Sign In to add comment