glenthemes

Theme [31]: Fabricated

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