glenthemes

Theme [17]: Strongest

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