API tools faq
paste
Advertisement
glenthemes

Theme [10]: Guardian Deity

glenthemes
Oct 11th, 2015 (edited)
19,196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.16 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Theme [10]: Guardian Deity
  3. Made by glenthemes
  4.  
  5. Initial release: 2015/10/12
  6. Revamp date: 2017/01/12
  7. Last updated: 2023/09/04
  8.  
  9. What's new:
  10. ✱ NPF audio post support
  11.  
  12. TERMS OF USE:
  13. 1) Do not remove the theme credit.
  14. 2) Do not repost/redistribute my themes.
  15. 3) Do not take parts of the code and use it as your own.
  16. 4) Do not use my themes as a base code.
  17. 5) Do not mix my themes together.
  18. ------------------------------------------------------------------------>
  19.  
  20. <!DOCTYPE html>
  21. <html lang="en">
  22.  
  23. <head>
  24.  
  25. <title>{Title}</title>
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28.  
  29. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
  30.  
  31. <!--------------------JAVASCRIPTS-------------------->
  32.  
  33. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34.  
  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:120,
  42. tip_fade_speed:120,
  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:top bar background} !important; padding:5px 10px 5px 0px !important;} </style>"));
  54. $('iframe.tumblr_audio_player').contents().find("head")
  55. .append($("<style type='text/css'> .play-pause{color:{color:top bar title} !important; font-size:15px!important; padding:0 9.5px!important} </style>"));
  56. });
  57. });
  58. </script>
  59.  
  60. {block:ifnoheader}
  61. <script type='text/javascript'>
  62. $(function(){
  63. var stickyRibbonTop = $('#boxes').offset().top-120;
  64. $(window).scroll(function(){
  65. if( $(window).scrollTop() >= stickyRibbonTop ) {
  66. $('#boxes').css({position: 'fixed', top: '120px'});
  67. } else {
  68. $('#boxes').css({position: 'absolute', top: '0px'});
  69. }
  70. });
  71. });
  72. </script>
  73. {block:ifnoheader}
  74.  
  75. {block:ifnotnoheader}
  76. <script type='text/javascript'>
  77. $(function(){
  78. var stickyRibbonTop = $('#boxes').offset().top-100;
  79. $(window).scroll(function(){
  80. if( $(window).scrollTop() >= stickyRibbonTop ) {
  81. $('#boxes').css({position: 'fixed', top: '100px'});
  82. } else {
  83. $('#boxes').css({position: 'absolute', top: '0px'});
  84. }
  85. });
  86. });
  87. </script>
  88. {block:ifnotnoheader}
  89.  
  90. {block:ifsmoothscrolling}<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
  91. {/block:ifsmoothscrolling}
  92.  
  93. <script type="text/javascript" src="//static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  94. <script type="text/javascript" src="//static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  95. <script type="text/javascript" charset="utf-8">
  96. var $j = jQuery.noConflict();
  97. $j(function() {
  98. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  99. $j(".posts img").lazyload({
  100. placeholder : "//static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  101. effect: "fadeIn",
  102. });
  103. });
  104. </script>
  105.  
  106. <link href="//fonts.googleapis.com/css?family=Karla" rel="stylesheet">
  107.  
  108. {block:ifshowmusicplayer}
  109. <script src="//static.tumblr.com/2pnwama/lnLppjutr/gletanica.js"></script>
  110. {/block:ifshowmusicplayer}
  111.  
  112. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  113.  
  114. <!--
  115. NPF images fix v3.0 by @glenthemes [2021]
  116. 💌 git.io/JRBt7
  117. --->
  118. <script src="//npf-images-v3.github.io/script.js"></script>
  119. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  120. <style tmblr-npf>
  121. :root {
  122. --NPF-Caption-Spacing:1em;
  123. --NPF-Image-Spacing:6px;
  124. }
  125.  
  126. a.post_media_photo_anchor, a.post_media_photo_anchor:hover {
  127. padding-bottom:0!important;
  128. border-bottom:none!important;
  129. }
  130.  
  131. .spotify_audio_player {
  132. height:80px!important;
  133. }
  134. </style>
  135.  
  136. <script>
  137. // minimal soundcloud player @ shythemes.tumblr
  138. // shythemes.tumblr.com/post/114792480648
  139. $(document).ready(function(){
  140. var soundcloud_btn = '{color:music player color}';
  141. $('.soundcloud_audio_player').each(function(){
  142. $(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%' });
  143. });
  144. });
  145. </script>
  146.  
  147. <!-- unblue polls -->
  148. <!-- glenthemes.tumblr.com/post/708014819571302400 -->
  149. <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
  150. <style unblue-polls>
  151. .poll-post {
  152. --Poll-Question-Font-Size: 11px;
  153.  
  154. --Poll-Option-Background-Color: {color:post};
  155. --Poll-Option-Corner-Rounding: 0px;
  156. --Poll-Option-Border-Size: 1px;
  157. --Poll-Option-Border-Color: {color:borders};
  158. --Poll-Option-Padding: 8px;
  159. --Poll-Option-Font-Size: 12px;
  160. --Poll-Option-Spacing: 10px;
  161. --Poll-Option-Text-Color: {color:text};
  162.  
  163. --Poll-Option-HOVER-Border-Color: {color:borders};
  164. --Poll-Option-HOVER-Background-Color: {color:post};
  165. --Poll-Option-HOVER-Text-Color: {color:text};
  166. --Poll-Option-HOVER-Speed: 0.4s;
  167. }
  168.  
  169. .poll-see-results {
  170. padding-bottom:0!important;
  171. border-bottom:none!important;
  172. font-size:calc(var(--Poll-Option-Font-Size) - 1px)!important;
  173. text-transform:uppercase;
  174. letter-spacing:0.5px;
  175. }
  176. </style>
  177.  
  178. <!-- npf audio player -->
  179. <!-- glenthemes.tumblr.com/post/722160746171072512 -->
  180. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  181. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  182. <script>
  183. tumblr_npf_audio({
  184. emptyTitleText: "Untitled track",
  185. emptyArtistText: "Untitled artist",
  186. emptyAlbumText: "Untitled album",
  187.  
  188. titleLabel: "Track:",
  189. artistLabel: "Artist:",
  190. albumLabel: "Album:"
  191. });
  192. </script>
  193. <style edit-npf-audio-player>
  194. .npf-audio-wrapper {
  195. --NPF-Audio-Buttons-Size: 11px;
  196. --NPF-Audio-Buttons-Color: {color:top bar title};
  197. --NPF-Audio-Buttons-Padding: 10px;
  198. --NPF-Audio-Buttons-Spacing: calc((var(--NPF-Audio-Buttons-Padding) * 2) + 10px);
  199. --NPF-Audio-Image-Spacing: 0.9rem;
  200. }
  201.  
  202. .npf-audio-background {
  203. margin-left:calc(18px + var(--NPF-Audio-Buttons-Padding));
  204. line-height:1.8;
  205. }
  206.  
  207. .npf-audio-play, .npf-audio-pause {
  208. position:relative;
  209. z-index:0;
  210. }
  211.  
  212. .npf-audio-play:after, .npf-audio-pause:after {
  213. content:"";
  214. position:absolute;
  215. top:0;left:0;
  216. margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
  217. margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
  218. width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  219. height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
  220. background:{color:top bar background};
  221. border-radius:100%;
  222. z-index:-1;
  223. }
  224.  
  225. .npf-audio-play svg { margin-left:1px; }
  226. .npf-audio-pause svg { margin-left:0; }
  227.  
  228. .npf-audio-title-label,
  229. .npf-audio-artist-label,
  230. .npf-audio-album-label {
  231. color:{color:bold};
  232. text-transform:uppercase;
  233. background-color: {color:bold text background};
  234. padding:1px 5px;
  235. }
  236.  
  237. figcaption.audio-caption,
  238. figcaption.audio-caption ~ audio[controls],
  239. figcaption.audio-caption img, .npf-audio-image {
  240. display:none;
  241. }
  242. </style>
  243.  
  244. <script src="//glen-themes.gitlab.io/thms/10/soda-pops.js"></script>
  245.  
  246. <script src="//glen-npf.gitlab.io/other/neue.js"></script>
  247. <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
  248.  
  249. <!--------------------COLORS-------------------->
  250.  
  251. <meta name="color:background" content="#f9f8f9"/>
  252. <meta name="color:music player color" content="#EBBCA4">
  253. <meta name="color:music player background" content="#fff">
  254. <meta name="color:music player text" content="#333">
  255. <meta name="color:post" content="#fff"/>
  256. <meta name="color:text" content="#aaa"/>
  257. <meta name="color:bold" content="#bbb">
  258. <meta name="color:bold text background" content="#f9f9f9">
  259. <meta name="color:Italic" content="#bfafae">
  260. <meta name="color:Link" content="#ecbfc0">
  261. <meta name="color:Link Hover" content="#ccc">
  262. <meta name="color:top bar background" content="#ecbca4">
  263. <meta name="color:top bar title" content="#fff">
  264. <meta name="color:top bar links" content="#f7f7f7">
  265. <meta name="color:top bar links hover" content="#f0f0f0">
  266. <meta name="color:header description title" content="#fff">
  267. <meta name="color:header image gradient" content="#f9f8f9"/>
  268. <meta name="color:permalink background" content="#fbfbfc">
  269. <meta name="color:permalink border" content="#e0e0e0">
  270. <meta name="color:permalink text" content="#aaa">
  271. <meta name="color:permalink link" content="#646464">
  272. <meta name="color:borders" content="#f5f5f5">
  273. <meta name="color:question background" content="#f8f8f8">
  274. <meta name="color:chat odd" content="#f7f7f7">
  275. <meta name="color:chat even" content="#fff">
  276. <meta name="color:scrollbar" content="#e8ac8f">
  277. <meta name="color:scrollbar bg" content="#f5f5f5"/>
  278. <meta name="color:highlight" content="#f8f8f9">
  279. <meta name="color:highlighted text" content="#777">
  280.  
  281. <!--------------------OPTIONS-------------------->
  282.  
  283. <meta name="if:show music player" content="1" />
  284. <meta name="if:smooth scrolling" content="1" />
  285. <meta name="if:no header" content="0" />
  286. <meta name="if:full sized header" content="1" />
  287. <meta name="if:header image gradient" content="0" />
  288. <meta name="if:header left description" content="1" />
  289. <meta name="if:header description scrollbar" content="1" />
  290. <meta name="if:header description arrow" content="0" />
  291. <meta name="if:header rounded desc corners" content="0" />
  292. <meta name="if:hide header desc" content="0" />
  293. <meta name="if:posts on left" content="1" />
  294. <meta name="if:photo fade" content="0" />
  295. <meta name="if:monochrome posts" content="0" />
  296. <meta name="if:post borders" content="0" />
  297.  
  298. <!--------------------IMAGES-------------------->
  299.  
  300. <meta name="image:header image" content="//rhizo.gitlab.io/random/images/bEbsz6y.png"/>
  301. <meta name="image:background image" content=""/>
  302.  
  303. <!--------------------TITLES-------------------->
  304.  
  305. <meta name="text:alternative title" content="">
  306. <meta name="text:how to link music" content="linktr.ee/direct_file_links">
  307. <meta name="text:music player mp3 URL" content="https://rhizo.gitlab.io/m/Yoku.mp3">
  308. <meta name="text:music player song name" content="Yoku">
  309. <meta name="text:about box title" content="">
  310. <meta name="text:about box content" content="">
  311. <meta name="text:updates box title" content="">
  312. <meta name="text:updates box content" content="">
  313. <meta name="text:Link 1" content="">
  314. <meta name="text:Link 1 URL" content="">
  315. <meta name="text:Link 2" content="">
  316. <meta name="text:Link 2 URL" content="">
  317. <meta name="text:Link 3" content="">
  318. <meta name="text:Link 3 URL" content="">
  319. <meta name="text:Link 4" content="">
  320. <meta name="text:Link 4 URL" content="">
  321. <meta name="text:Link 5" content="">
  322. <meta name="text:Link 5 URL" content="">
  323. <meta name="text:Link 6" content="">
  324. <meta name="text:Link 6 URL" content="">
  325. <meta name="text:Link 7" content="">
  326. <meta name="text:Link 7 URL" content="">
  327. <meta name="text:Link 8" content="">
  328. <meta name="text:Link 8 URL" content="">
  329.  
  330. <!-------------------------------------------------------------------->
  331.  
  332. <style type="text/css">
  333.  
  334. @font-face { font-family: "montsulight"; src: url('//glen-assets.github.io/fonts/Montserrat-UltraLight.otf'); }
  335.  
  336. /*--------------------TOOLTIPS--------------------*/
  337.  
  338. #s-m-t-tooltip {
  339. padding: 4px 9px;
  340. margin: 26px 9px 0px 15px;
  341. background-color: {color:permalink background};
  342. font-family: karla;
  343. font-size: 7.5px;
  344. letter-spacing: 1px;
  345. text-transform: uppercase;
  346. color: {color:permalink link};
  347. border:0.5px solid rgba({RGBcolor:permalink border},0.6);
  348. z-index:9999999!important;
  349. max-width:400px;
  350. }
  351.  
  352. /*--------------------TUMBLR CONTROLS--------------------*/
  353.  
  354. iframe#tumblr_controls, .iframe-controls--desktop {
  355. top:68px!important;
  356. right:-15px!important;
  357. position:fixed!important;
  358. z-index:999999!important;
  359. transition:0.5s ease-in-out;
  360. opacity:0.2;
  361. -webkit-filter:invert(100%);
  362. filter:invert(100%);
  363. z-index:999999!important;
  364. transition:0.3s ease-in-out;
  365. -webkit-transform:scale(0.9);
  366. -moz-transform:scale(0.9);
  367. -o-transform:scale(0.9);
  368. -ms-transform:scale(0.9);
  369. transform:scale(0.9);
  370. }
  371.  
  372. iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {
  373. opacity:0.5;
  374. }
  375.  
  376. .tmblr-iframe--desktop-logged-in-controls {
  377. font-size:6px;
  378. }
  379.  
  380.  
  381. /*--------------------SCROLLBAR--------------------*/
  382.  
  383. ::-webkit-scrollbar {
  384. width: 7px;
  385. height: 7px;
  386. }
  387.  
  388. ::-webkit-scrollbar-thumb {
  389. background-color: {color:scrollbar};
  390. border:2.5px solid {color:scrollbar bg};
  391. }
  392.  
  393. ::-webkit-scrollbar-track {
  394. background-color: {color:scrollbar bg};
  395. }
  396.  
  397.  
  398. /*--------------------SCROLLBAR--------------------*/
  399.  
  400. ::selection {
  401. background: {color:highlight};
  402. color:{color:highlighted text};
  403. }
  404.  
  405. ::-moz-selection {
  406. background: {color:highlight};
  407. color:{color:highlighted text};
  408. }
  409.  
  410.  
  411. /*--------------------BASICS--------------------*/
  412.  
  413. body {
  414. background:{color:background} url({image:background image});
  415. background-attachment:fixed;
  416. background-repeat:repeat;
  417. color:{color:text};
  418. cursor:normal;
  419. font-family:karla;
  420. line-height:15px;
  421. font-size:11px;
  422. text-align:left;
  423. }
  424.  
  425. blockquote {
  426. padding-left:10px;
  427. margin-left:5px;
  428. border-left:1px solid;
  429. border-color:{color:link};
  430. margin:10px;
  431. }
  432.  
  433. /*--------------------LINKS--------------------*/
  434.  
  435. a {
  436. color:{color:link};
  437. text-decoration:none;
  438. cursor:normal;
  439. text-decoration:none;
  440. -webkit-transition: all 0.4s ease-in-out;
  441. -moz-transition: all 0.4s ease-in-out;
  442. -o-transition: all 0.4s ease-in-out;
  443. }
  444.  
  445. a:hover {
  446. text-decoration:none;
  447. color: {color:link hover};
  448. }
  449.  
  450. img {
  451. opacity:1;
  452. text-decoration:none;
  453. }
  454.  
  455. h1 {
  456. font-size:11px;
  457. font-family:montsulight;
  458. font-weight:bold;
  459. text-transform:uppercase;
  460. letter-spacing:2px;
  461. text-align:center;
  462. padding:10px;
  463. color:{color:link};
  464. background-color: {color:post};
  465. border:0.5px solid rgba({RGBcolor:link},0.4);
  466. }
  467.  
  468. /*--------------------BOLDED TEXT--------------------*/
  469.  
  470. .posts b {
  471. font-weight:normal;
  472. color: {color:Bold};
  473. background-color: {color:bold text background};
  474. padding:1px 5px;
  475. }
  476.  
  477. .posts a {
  478. padding-bottom:1px;
  479. border-bottom:0.5px solid rgba({RGBcolor:text},0.4);
  480. }
  481.  
  482. .non a {
  483. padding-bottom:0px;
  484. border-bottom:0px solid transparent;
  485. }
  486.  
  487. t {
  488. font-size:14px;
  489. }
  490.  
  491. /*--------------------ITALIZED TEXT--------------------*/
  492.  
  493. i, em, .em {
  494. color: {color:Italic};
  495. }
  496.  
  497.  
  498. /*--------------------POST CONTAINER--------------------*/
  499.  
  500. #container {
  501. margin:0 auto;
  502. top:0;
  503. left:0;
  504. right:0;
  505. {block:ifnotpostsonleft}padding-right:150px;{/block:ifnotpostsonleft}
  506. {block:ifpostsonleft}padding-right:892px;{/block:ifpostsonleft}
  507. width:0px;
  508. {block:iffullsizedheader}margin-top:calc(100vh + 55px);{/block:iffullsizedheader}
  509. {block:ifnotfullsizedheader}margin-top:calc(70vh + 55px);{/block:ifnotfullsizedheader}
  510. {block:ifnoheader}margin-top:120px;{/block:ifnoheader}
  511. {block:IndexPage}margin-bottom:40px;{/block:IndexPage}
  512. {block:PermalinkPage}margin-bottom:100px;{/block:PermalinkPage}
  513. position:absolute;
  514. z-index:100;
  515. }
  516.  
  517. .semicontainer {
  518. margin-left:0px;
  519. margin-bottom:35px;
  520. }
  521.  
  522. /*--------------------POSTS--------------------*/
  523.  
  524. .posts {
  525. overflow:hidden;
  526. {block:IndexPage}
  527. margin-bottom:90px;
  528. {/block:IndexPage}
  529. {block:PermalinkPage}
  530. margin-bottom:40px;
  531. {/block:PermalinkPage}
  532. width:500px;
  533. padding:10px;
  534. background-color:{color:post};
  535. {block:ifpostborders}border:1px solid {color:borders};{/block:ifpostborders}
  536. }
  537.  
  538. .posts a {
  539. color:{color:link};
  540. }
  541.  
  542. .posts a:hover {
  543. color:{color:link hover};
  544. }
  545.  
  546. .posts img{
  547. max-width:100%;
  548. {block:ifmonochromeposts}
  549. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'//www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  550. filter: gray; /* IE6-9 */
  551. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  552. {/block:ifmonochromeposts}
  553. transition: 0.7s;
  554. -moz-transition: 0.7s;
  555. -webkit-transition: 0.7s;
  556. -o-transition: 0.7s;
  557.  
  558. {block:ifphotofade}
  559. opacity:0.7;
  560. {/block:ifphotofade}
  561. }
  562.  
  563. .posts img:a {
  564. padding-bottom:0px;
  565. border-bottom:0px solid transparent;
  566. }
  567.  
  568. .posts img:hover {
  569. {block:ifmonochromeposts}
  570. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'//www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  571. filter: gray; /* IE6-9 */
  572. -webkit-filter: grayscale(0%);
  573. {/block:ifmonochromeposts}
  574.  
  575. {block:ifphotofade}
  576. opacity:1;
  577. {/block:ifphotofade}
  578. }
  579.  
  580. .posts iframe{max-width:100%;}
  581.  
  582. .entries {
  583. margin-left:-200px;
  584. width:500px;
  585. margin-top:35px;
  586. margin-bottom:40px;
  587. }
  588.  
  589. .posts img, .posts li, .posts blockquote {max-width:100%;height:auto;}
  590.  
  591. .posts li {
  592. list-style-type:circle;
  593. }
  594.  
  595. /*--------------------HEADER--------------------*/
  596. #topbar {
  597. position:fixed;
  598. margin:0 auto;
  599. top:0;
  600. margin-top:0px;
  601. left:0;
  602. right:0;
  603. height:65px;
  604. width:100%;
  605. background-color:{color:top bar background};
  606. z-index:7002;
  607. }
  608.  
  609. #toptits {
  610. position:fixed;
  611. margin:0 auto;
  612. top:0;
  613. margin-top:0px;
  614. left:0;
  615. right:0;
  616. font-size:18px;
  617. font-family:montsulight;
  618. text-transform:uppercase;
  619. letter-spacing:5px;
  620. text-align:center;
  621. padding:23px 0px 27px 0px;
  622. color:{color:top bar title};
  623. z-index:7003;
  624. display:flex;
  625. align-items:center;
  626. justify-content:center;
  627. flex-wrap:wrap;
  628. gap:0 14px;
  629. }
  630.  
  631. #toptits a {
  632. font-size:9px;
  633. font-family:montsulight;
  634. text-transform:uppercase;
  635. letter-spacing:3px;
  636. color:{color:top bar links};
  637. padding-top:4px;
  638. margin-bottom:-4px;
  639. padding-bottom:8.5px;
  640. border-bottom:0.5px solid transparent;
  641. line-height:100%;
  642.  
  643. display:flex;
  644. align-items:center;
  645. }
  646.  
  647. #toptits a:hover {
  648. color:{color:top bar links hover};
  649. padding-bottom:5px;
  650. border-bottom:0.5px solid rgba({RGBcolor:top bar links hover},0.74);
  651. }
  652.  
  653. #toptits .fa {
  654. font-size:12px;
  655. flex-shrink:0;
  656. }
  657.  
  658. #toptits .fa::after {
  659. content:"";
  660. margin-right:4px;
  661. }
  662.  
  663. #back {
  664. position:absolute;
  665. top:0;
  666. margin-top:0px;
  667. left:0;
  668. margin-left:0px;
  669. width:100%;
  670. {block:iffullsizedheader}height:100vh;{/block:iffullsizedheader}
  671. {block:ifnotfullsizedheader}height:70vh;{/block:ifnotfullsizedheader}
  672. background-color:{color:background};
  673. z-index:102;
  674. {block:ifnoheader}display:none;{/block:ifnoheader}
  675. }
  676.  
  677. #header {
  678. position:absolute;
  679. top:0;
  680. margin-top:65px;
  681. left:0;
  682. margin-left:0px;
  683. width:100%;
  684. {block:iffullsizedheader}height:calc(100vh - 65px);{/block:iffullsizedheader}
  685. {block:ifnotfullsizedheader}height:calc(70vh - 65px);{/block:ifnotfullsizedheader}
  686. background-image:url({image:header image});
  687. background-position:center;
  688. background-size:cover;
  689. z-index:6000;
  690. {block:ifnoheader}display:none;{/block:ifnoheader}
  691. }
  692.  
  693. .grad {
  694. position:absolute;
  695. {block:iffullsizedheader}bottom:0px;{/block:iffullsizedheader}
  696. {block:ifnotfullsizedheader}bottom:30%;{/block:ifnotfullsizedheader}
  697. left:0;
  698. background-image:linear-gradient(to bottom,transparent,{color:header image gradient});
  699. width:100%;
  700. padding-top:30%;
  701. z-index:7000;
  702. {block:ifnotheaderimagegradient}display:none;{/block:ifnotheaderimagegradient}
  703. {block:ifnoheader}display:none;{/block:ifnoheader}
  704. }
  705.  
  706. #hsect {
  707. position:absolute;
  708. top:0;
  709. margin-top:65px;
  710. {block:ifheaderleftdescription}left:0;{/block:ifheaderleftdescription}
  711. {block:ifnotheaderleftdescription}right:0;{/block:ifnotheaderleftdescription}
  712. {block:ifheaderleftdescription}margin-left:5%;{/block:ifheaderleftdescription}
  713. {block:ifnotheaderleftdescription}margin-right:5%;{/block:ifnotheaderleftdescription}
  714. width:300px;
  715. {block:iffullsizedheader}height:100vh;{/block:iffullsizedheader}
  716. {block:ifnotfullsizedheader}height:calc(70vh - 65px);{/block:ifnotfullsizedheader}
  717. display:table;
  718. z-index:7001;
  719. {block:ifnoheader}display:none;{/block:ifnoheader}
  720. {block:ifhideheaderdesc}display:none;{/block:ifhideheaderdesc}
  721. }
  722.  
  723. .mid {
  724. display:table-cell;
  725. vertical-align:middle;
  726. }
  727.  
  728. .htits {
  729. {block:ifalternativetitle}margin-top:-25px;{/block:ifalternativetitle}
  730. {block:ifnotalternativetitle}margin-top:0px;{/block:ifnotalternativetitle}
  731. font-family:montsulight;
  732. font-size:21px;
  733. letter-spacing:2px;
  734. color:{color:header description title};
  735. text-transform:uppercase;
  736. text-align:center;
  737. }
  738.  
  739. .hdesc {
  740. margin-top:10px;
  741. {block:ifheaderdescriptionscrollbar}max-height:30%;{/block:ifheaderdescriptionscrollbar}
  742. {block:ifnotheaderdescriptionscrollbar}height:auto;{/block:ifnotheaderdescriptionscrollbar}
  743. overflow:auto;
  744. padding:15px;
  745. {block:ifheaderroundeddesccorners}border-radius:15px 0px 0px 15px;{/block:ifheaderroundeddesccorners}
  746. background-color:rgba({RGBcolor:post},0.7);
  747. font-size:11px;
  748. text-align:center;
  749. }
  750.  
  751. {block:ifheaderdescriptionarrow}
  752. .hdesc::before {
  753. content:"";
  754. position:absolute;
  755. {block:ifheaderleftdescription}left:100%;{/block:ifheaderleftdescription}
  756. {block:ifnotheaderleftdescription}right:100%;{/block:ifnotheaderleftdescription}
  757. top:calc(50% - 22.5px);
  758. width:0px;
  759. height:0px;
  760. border-top:22.5px solid transparent;
  761. border-bottom:22.5px solid transparent;
  762. {block:ifheaderleftdescription}border-left:22.5px solid rgba({RGBcolor:post},0.7);{/block:ifheaderleftdescription}
  763. {block:ifnotheaderleftdescription}border-right:22.5px solid rgba({RGBcolor:post},0.7);{/block:ifnotheaderleftdescription}
  764. }
  765. {/block:ifheaderdescriptionarrow}
  766.  
  767. /*---------------------------BOXES---------------------------*/
  768. #uwotm8 {
  769. position:absolute;
  770. }
  771.  
  772. #boxes{
  773. position:fixed;
  774. margin:0 auto;
  775. {block:ifnotpostsonleft}margin-left:-370px;{/block:ifnotpostsonleft}
  776. {block:ifpostsonleft}margin-left:565px;{/block:ifpostsonleft}
  777. margin-top:0px;
  778. width: 325px;
  779. padding: 0px;
  780. z-index:999999;
  781. }
  782.  
  783. .boxtitle{
  784. padding: 8px;
  785. text-transform: uppercase;
  786. font-size: 9px;
  787. color:{color:top bar title};
  788. background: {color:top bar background};
  789. letter-spacing: 2px;
  790. font-style:italic;
  791. text-align: center;
  792. }
  793.  
  794. .boxcontent, .uboxcontent {
  795. padding: 12px;
  796. background: {color:post};
  797. color:{color:Text};
  798. text-align: left;
  799. margin-bottom:20px;
  800. }
  801.  
  802. .uboxcontent a {
  803. text-transform:uppercase;
  804. }
  805.  
  806. .uboxcontent a:hover {
  807. letter-spacing:2px;
  808. }
  809.  
  810. .uboxcontent .fa {
  811. font-size:10px;
  812. margin-right:5px;
  813. }
  814.  
  815. .boxcontent img{
  816. width: 250px;
  817. padding-top: 10px;
  818. height:auto;
  819. }
  820.  
  821.  
  822. /*--------------------TAGS--------------------*/
  823.  
  824. .tagsin {
  825. text-transform:uppercase;
  826. letter-spacing:1px;
  827. text-align:right;
  828. font-size:8px;
  829. line-height:1.5;
  830. padding-top:5px;
  831. border-top:0.5px solid 50% rgba({RGBcolor:text},0.8);
  832. }
  833.  
  834. .tagsin a {
  835. margin-right:0px;
  836. color:rgba({RGBcolor:text},0.8);
  837. padding-bottom:0px;
  838. border-bottom:0px solid transparent;
  839. }
  840.  
  841. .tagsin a:hover {
  842. color:rgba({RGBcolor:link},0.8);
  843. }
  844.  
  845. /*--------------------PERMALINK--------------------*/
  846.  
  847. #info {
  848. position: absolute;
  849. {block:ifnotpostborders}margin-left:-10px;{block:ifnotpostborders}
  850. {block:ifpostborders}margin-left:-11px;{/block:ifpostborders}
  851. margin-top:20px;
  852. letter-spacing: 1px;
  853. padding:6px 10px;
  854. text-transform:uppercase;
  855. font-size:8px;
  856. {block:ifpostborders}width:501px;{/block:ifpostborders}
  857. {block:ifnotpostborders}width:500px;{/block:ifnotpostborders}
  858. height:auto;
  859. border:0.5px solid {color:permalink border};
  860. color:{color:permalink text};
  861. background-color:{color:permalink background};
  862. }
  863.  
  864. #info a {
  865. color:{color:permalink link};
  866. padding-bottom:0px;
  867. border-bottom:0px solid transparent;
  868. }
  869.  
  870. #info a:hover {
  871. color: rgba({RGBcolor:permalink link},0.25);
  872. }
  873.  
  874. #info .fa {
  875. font-size:10px;
  876. color: rgba({RGBcolor:permalink link},0.8);
  877. -webkit-transition: all 0.4s ease-in-out;
  878. -moz-transition: all 0.4s ease-in-out;
  879. -o-transition: all 0.4s ease-in-out;
  880. }
  881.  
  882. #info .fa:hover {
  883. color: rgba({RGBcolor:permalink link},0.25);
  884. }
  885.  
  886. /*--------------------POST NOTES--------------------*/
  887.  
  888. ol.notes {
  889. {block:ifnotpostborders}width:520px;{/block:ifnotpostborders}
  890. {block:ifpostborders}width:522px;{/block:ifpostborders}
  891. padding:0px;
  892. margin:65px 0px 0px -5px;
  893. list-style-type:none;
  894. }
  895.  
  896. ol.notes li.note {
  897. padding:10px;
  898. }
  899.  
  900. ol.notes li.note img.avatar {
  901. vertical-align:-4px;
  902. margin-right:10px;
  903. width:16px;
  904. height:16px;
  905. }
  906.  
  907. ol.notes li.note span.action {
  908. font-weight:none;
  909. }
  910.  
  911. ol.notes li.note .answer_content {
  912. font-weight:normal;
  913. }
  914.  
  915. ol.notes li.note blockquote {
  916. padding:4px 10px;
  917. margin:10px 0px 0px 25px;
  918. }
  919.  
  920. ol.notes li.note blockquote a {
  921. text-decoration:none;
  922. }
  923.  
  924.  
  925.  
  926. /*---------------------------QUOTES---------------------------*/
  927.  
  928. .quote {
  929. text-transform:uppercase;
  930. font-size:12px;
  931. font-weight:bold;
  932. text-align:center;
  933. }
  934.  
  935. .quotesource {
  936. text-align:center;
  937. margin-top:10px;
  938. }
  939.  
  940.  
  941. /*---------------------------CHATS---------------------------*/
  942.  
  943. .chat {
  944. line-height:20px;
  945. list-style:none;
  946. }
  947.  
  948. .line.odd {
  949. background:{color:chat odd};
  950. margin-bottom:2px;
  951. padding:5px;
  952. list-style:none;
  953. font-size:10px;
  954. }
  955.  
  956. .line.even {
  957. background:{color:chat even};
  958. margin-bottom:2px;
  959. padding:5px;
  960. list-style:none;
  961. font-size:10px;
  962. }
  963.  
  964. .label {
  965. padding-right:1px;
  966. text-transform:uppercase;
  967. font-weight:bold;
  968. color:{color:link};
  969. }
  970.  
  971.  
  972. /*---------------------------ASKS---------------------------*/
  973.  
  974. .question {
  975. background-color:{color:question background};
  976. padding:6px;
  977. }
  978.  
  979. .asker {
  980. text-transform:uppercase;
  981. }
  982.  
  983. .answer {
  984. padding:5px;
  985. margin-top:-15px;
  986. margin-bottom:-15px;
  987. }
  988.  
  989. /*---------------------------AUDIO---------------------------*/
  990.  
  991. .playerbutton {
  992. position:absolute;
  993. margin-top:18.5px;
  994. margin-left:18.5px;
  995. width:27px;
  996. height:27px;
  997. overflow:hidden;
  998. border-radius:100%;
  999. }
  1000.  
  1001. .trackdetails {
  1002. width:auto;
  1003. display:inline-block;
  1004. margin-left:70px;
  1005. padding:5px;
  1006. line-height:1.8;
  1007. }
  1008.  
  1009. .trackdetails b {
  1010. font-weight:normal;
  1011. }
  1012.  
  1013. .audiowrapper {
  1014. position:relative;
  1015. display:inline;
  1016. height:0px;
  1017. }
  1018.  
  1019.  
  1020. /*---------------------------BOTTOM BAR---------------------------*/
  1021.  
  1022. #pagination {
  1023. position:fixed;
  1024. margin:0 auto;
  1025. left:0;
  1026. right:0;
  1027. bottom:0;
  1028. width:100%;
  1029. height:40px;
  1030. text-align:center;
  1031. border-top: 0.5px solid {color:permalink border};
  1032. background-color:{color:permalink background};
  1033. z-index:101;
  1034. }
  1035.  
  1036. /* 'Current page' number */
  1037. #pagination span {
  1038. margin:7px 0;
  1039. font-size:9px;
  1040. color:{color:permalink text};
  1041. padding:5px;
  1042. width:9px;
  1043. display:inline-block;
  1044. margin-left:5px;
  1045. text-align:center;
  1046. }
  1047.  
  1048. /* Other page numbers */
  1049. #pagination a {
  1050. margin:7px 0;
  1051. background-color:{color:permalink background};
  1052. font-size:9px;
  1053. color:{color:permalink link};
  1054. padding:5px;
  1055. width:9px;
  1056. display:inline-block;
  1057. margin-left:5px;
  1058. text-align:center;
  1059. border-bottom:0.5px solid {color:permalink border};
  1060. }
  1061.  
  1062. #pagination a:hover {
  1063. color:{color:permalink text};
  1064. }
  1065.  
  1066. /**PLEASE DO NOT REMOVE THE THEME CREDIT**/
  1067. #c {
  1068. position:fixed;
  1069. right:0;
  1070. bottom:0;
  1071. padding:0px 11.5px 11.5px 0px;
  1072. text-align:center;
  1073. font-size:8px;
  1074. text-transform:uppercase;
  1075. letter-spacing:0.5px;
  1076. z-index:102;
  1077. }
  1078.  
  1079. #searchbar {
  1080. position:fixed;
  1081. left:0;
  1082. bottom:0;
  1083. padding:0px 0px 11.5px 11.5px;
  1084. text-align:left;
  1085. z-index:102;
  1086. }
  1087.  
  1088. #searchbar .fa {
  1089. font-size:9.5px;
  1090. padding:2.5px 3px 3.5px 3px;
  1091. background-color:rgba({RGBcolor:permalink border},0.2);
  1092. border: 0.5px solid {color:permalink border};
  1093. }
  1094.  
  1095. .zhao input {
  1096. background-color:rgba({RGBcolor:permalink border},0.2);
  1097. font-size: 8px;
  1098. border: 0.5px solid {color:permalink border};
  1099. text-transform: uppercase;
  1100. margin-bottom: 0px;
  1101. font-family:karla;
  1102. color: {color:permalink link};
  1103. letter-spacing: 0.5px;
  1104. padding:3px 5px;
  1105. outline:none;
  1106. }
  1107.  
  1108. #c a {
  1109. color:{color:permalink link};
  1110. }
  1111.  
  1112. #c a:hover {
  1113. color:rgba({RGBcolor:permalink link},0.25);
  1114. }
  1115. /**PLEASE DO NOT REMOVE THE THEME CREDIT**/
  1116.  
  1117. {block:ifshowmusicplayer}
  1118. /* music player skin by vitanica */
  1119. #musicplayer {
  1120. position:fixed;
  1121. z-index:99999999999999;
  1122. top:0;margin-top:79px;
  1123. left:0;margin-left:15px;
  1124. display:flex;
  1125. -webkit-transition:all .7s ease;
  1126. -moz-transition:all .7s ease;
  1127. -o-transition:all .7s ease;
  1128. transition:all .7s ease;
  1129. }
  1130.  
  1131. #musicplayer > *, .play > * {align-self:center;-webkit-align-self:center}
  1132.  
  1133. .roundthing {
  1134. width:31px;
  1135. height:31px;
  1136. border-radius:100%;
  1137. background:{color:music player color}; /* icon background */
  1138. }
  1139.  
  1140. .roundthing img {
  1141. margin:8px;
  1142. width:15px;
  1143. }
  1144.  
  1145. .midline {
  1146. width:0px;
  1147. height:3px;
  1148. background:{color:music player color};
  1149. -webkit-transition:all .4s ease;
  1150. -moz-transition:all .4s ease;
  1151. -o-transition:all .4s ease;
  1152. transition-delay: .9s;
  1153. -webkit-transition-delay: .9s;
  1154. }
  1155.  
  1156. #musicplayer:hover .midline {
  1157. width:20px;
  1158. transition-delay:0s;
  1159. -webkit-transition-delay:0s;
  1160. }
  1161.  
  1162. .play {
  1163. display:flex;
  1164. height:31px;
  1165. text-align: left;
  1166. padding:0px 8px;
  1167. background: {color:music player background}; /* player background */
  1168. border-left: 3px solid {color:music player color}; /* player border */
  1169. color:{color:music player text};
  1170. opacity: 0;
  1171. -webkit-transition: all .4s ease;
  1172. -moz-transition: all .4s ease;
  1173. -o-transition: all .4s ease;
  1174. transition-delay: .4s;
  1175. -webkit-transition-delay: .4s;
  1176. }
  1177.  
  1178. .music-controls, .music-controls > * {
  1179. user-select:none;
  1180. -webkit-user-select:none;
  1181. width:11px;
  1182. font-size:11px;
  1183. cursor:pointer;
  1184. }
  1185.  
  1186. .pausee {display:none;}
  1187.  
  1188. .playtext {
  1189. margin-left:8px;
  1190. font-family:courier new;
  1191. font-size:9px;
  1192. }
  1193.  
  1194. #musicplayer:hover .play {
  1195. opacity:1;
  1196. transition-delay: .6s;
  1197. -webkit-transition-delay: .6s;
  1198. }
  1199. {/block:ifshowmusicplayer}
  1200.  
  1201. {block:ifmonochromeposts}
  1202. .html_photoset{-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.7s; -moz-transition-duration:0.7s; transition-duration:0.7s; -o-transition-duration:0.7s;}
  1203.  
  1204. .html_photoset:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}
  1205. {/block:ifmonochromeposts}
  1206.  
  1207. {block:ifphotofade}
  1208. .html_photoset{opacity:0.7; -webkit-transition-duration: 0.7s; -moz-transition-duration:0.7s; transition-duration:0.7s; -o-transition-duration:0.7s;}
  1209.  
  1210. .html_photoset:hover{opacity:1; -webkit-transition-duration: 0.7s; -moz-transition-duration:0.7s; transition-duration:0.7s; -o-transition-duration:0.7s;}
  1211. {/block:ifphotofade}
  1212.  
  1213. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1214. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1215. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1216.  
  1217.  
  1218. .fade-in {
  1219. opacity:0;
  1220. -webkit-animation:fadeIn ease-in 1;
  1221. -moz-animation:fadeIn ease-in 1;
  1222. animation:fadeIn ease-in 1;
  1223. -webkit-animation-fill-mode:forwards;
  1224. -moz-animation-fill-mode:forwards;
  1225. animation-fill-mode:forwards;
  1226. -webkit-animation-duration:1s;
  1227. -moz-animation-duration:1s; animation-duration:1s; }
  1228.  
  1229. .fade-in.one { -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; animation-delay: 1.8s; }
  1230.  
  1231. .fade-in.two { -webkit-animation-delay: 1.22s; -moz-animation-delay: 1.22s; animation-delay: 1.22s; }
  1232.  
  1233. {CustomCSS}
  1234.  
  1235. </style>
  1236.  
  1237. </head>
  1238.  
  1239. <body>
  1240.  
  1241. {block:ifshowmusicplayer}
  1242.  
  1243. {block:ifnotnoheader}
  1244. <div id="musicplayer" class="box fade-in one">
  1245. {/block:ifnotnoheader}
  1246.  
  1247. {block:ifnoheader}
  1248. <div id="musicplayer" class="box fade-in two">
  1249. {/block:ifnoheader}
  1250. <div class="roundthing">
  1251. <!--more music player gifs here:-->
  1252. <!--stewlate.tumblr.com/post/28218185078/music-player-gifs-->
  1253. <img src="//secure.static.tumblr.com/n9vj50j/cxEn20wqg/12.gif"></div>
  1254. <div class="midline"></div>
  1255. <div class="play">
  1256. <div class="music-controls">
  1257. <div class="playy">►</div>
  1258. <div class="pausee">❚❚</div>
  1259. </div>
  1260. <div class="playtext">{text:music player song name}</div>
  1261. </div><!--play-->
  1262.  
  1263. <audio id="tune" src="{text:music player mp3 URL}" type="audio"></audio>
  1264. </div><!--musicplayer-->
  1265. {/block:ifshowmusicplayer}
  1266.  
  1267. <div id="topbar"></div>
  1268. <div id="toptits">
  1269. <a href="/"><span class="fa fa-home"></span>home</a>
  1270. <a href="/ask"><span class="fa fa-envelope-o"></span>message</a>
  1271. &nbsp;[ {Title} ]&nbsp;
  1272. <a href="/archive"><span class="fa fa-calendar"></span>archive</a>
  1273.  
  1274. <!--PLEASE DO NOT REMOVE THE THEME CREDIT-->
  1275. <a href="//glenthemes.tumblr.com" title="theme by glenthemes"><span class="fa fa-code"></span>theme</a>
  1276. <!--PLEASE DO NOT REMOVE THE THEME CREDIT-->
  1277. </div>
  1278.  
  1279. <div id="hsect" class="box fade-in two">
  1280. <div class="mid">
  1281.  
  1282. <div class="htits">{text:alternative title}</div>
  1283. <div class="hdesc">{Description}</div>
  1284.  
  1285. </div>
  1286. </div>
  1287.  
  1288. <div id="back"></div>
  1289. <div id="header" class="box fade-in two"></div>
  1290. <div class="grad"></div>
  1291.  
  1292. <!--PLEASE DO NOT REMOVE THE THEME CREDIT-->
  1293. <div id="c"><a href="//glenthemes.tumblr.com">© theme by glenthemes</a></div>
  1294. <!--PLEASE DO NOT REMOVE THE THEME CREDIT-->
  1295.  
  1296. <div id="searchbar">
  1297. <form action="/search" method="get" class="zhao"><span class="fa fa-search"></span>
  1298. <input type="text" name="q" autocomplete="off" value="{SearchQuery}" placeholder="search {Name}"/>
  1299. <input type="submit" value="Search" class="zhaosub"/>
  1300. </form>
  1301. </div>
  1302.  
  1303. <div id="pagination">
  1304. {block:Pagination}
  1305. {block:PreviousPage}<a title="Previous" href="{PreviousPage}">«</a>{/block:PreviousPage}
  1306. {block:JumpPagination length="8"}
  1307. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1308. {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  1309. {/block:JumpPagination}
  1310. {block:NextPage}<a title="Next" href="{NextPage}">»</a>{/block:NextPage}
  1311. {/block:Pagination}
  1312. </div>
  1313.  
  1314.  
  1315. {block:ifnoheader}
  1316. <div id="container" class="box fade-in two">
  1317. {/block:ifnoheader}
  1318.  
  1319. {block:ifnotnoheader}
  1320. <div id="container" class="box fade-in one">
  1321. {/block:ifnotnoheader}
  1322.  
  1323. <div id="boxes">
  1324.  
  1325. {block:ifnoheader}
  1326. <div class="boxtitle">
  1327. about
  1328. </div>
  1329. <div class="boxcontent">
  1330. {Description}
  1331. </div>
  1332. {/block:ifnoheader}
  1333.  
  1334. {block:ifhideheaderdesc}
  1335. <div class="boxtitle">
  1336. about
  1337. </div>
  1338. <div class="boxcontent">
  1339. {Description}
  1340. </div>
  1341. {/block:ifhideheaderdesc}
  1342.  
  1343. {block:ifnotnoheader}
  1344. {block:ifaboutboxcontent}
  1345. <div class="boxtitle">
  1346. {text:about box title}
  1347. </div>
  1348. <div class="boxcontent">
  1349. {text:about box content}
  1350. </div>
  1351. {/block:ifaboutboxcontent}
  1352. {/block:ifnotnoheader}
  1353.  
  1354. {block:ifupdatesboxtitle}
  1355. <div class="boxtitle">{text:updates box title}</div>
  1356. <div class="boxcontent">
  1357. {text:updates box content}
  1358. </div>
  1359. {/block:ifupdatesboxtitle}
  1360.  
  1361. <div class="boxtitle">links</div>
  1362. <div class="uboxcontent" style="margin-bottom:65px;">
  1363. {block:ifLink1}<span class="fa fa-link"></span><a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  1364. {block:ifLink2}<br><span class="fa fa-link"></span><a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  1365. {block:ifLink3}<br><span class="fa fa-link"></span><a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  1366. {block:ifLink4}<br><span class="fa fa-link"></span><a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  1367. {block:ifLink5}<br><span class="fa fa-link"></span><a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  1368. {block:ifLink6}<br><span class="fa fa-link"></span><a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  1369. {block:ifLink7}<br><span class="fa fa-link"></span><a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifLink7}
  1370. {block:ifLink8}<br><span class="fa fa-link"></span><a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:ifLink8}
  1371. </div>
  1372. </div>
  1373.  
  1374.  
  1375. <div class="semicontainer">
  1376.  
  1377. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  1378. <div class="posts" post-type="{PostType}">
  1379.  
  1380. {block:Text}
  1381. {block:Title}<h1>{Title}</h1>{/block:Title}
  1382. {Body}
  1383. {/block:Text}
  1384.  
  1385.  
  1386. {block:Photo}
  1387. {LinkOpenTag}<div class="non"><img src="{PhotoURL-500}"></div>{LinkCloseTag}
  1388. {block:Caption}{Caption}{/block:Caption}
  1389. {/block:Photo}
  1390.  
  1391.  
  1392. {block:Photoset}
  1393. {Photoset-500}
  1394. {block:Caption}{Caption}{/block:Caption}
  1395. {/block:Photoset}
  1396.  
  1397.  
  1398. {block:Quote}
  1399. <div class="quote">"{Quote}"</div>
  1400. {block:Source}<div class="quotesource"> — {Source}</div>
  1401. {/block:Source}{/block:Quote}
  1402.  
  1403.  
  1404. {block:Link}
  1405. <h1><div class="non"><a href="{URL}" {Target}>{Name} »</a></div></h1>
  1406. {block:Description}{Description}{/block:Description}
  1407. {/block:Link}
  1408.  
  1409.  
  1410. {block:Chat}
  1411. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1412. {/block:Chat}
  1413.  
  1414.  
  1415. {block:Audio}
  1416. {block:AudioPlayer}
  1417. <div class="audiowrapper">
  1418. <div class="playerbutton">
  1419. {AudioPlayer}
  1420. </div>
  1421.  
  1422. <div class="trackdetails">
  1423. <b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  1424.  
  1425. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  1426.  
  1427. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  1428. {/block:AudioPlayer}
  1429.  
  1430. {block:Caption}
  1431. <div class="caption">{Caption}</div>
  1432. {/block:Caption}
  1433. {/block:Audio}
  1434.  
  1435.  
  1436. {block:Video}
  1437. {Video-500}
  1438. {block:Caption}{Caption}{/block:Caption}
  1439. {/block:Video}
  1440.  
  1441.  
  1442. {block:Answer}
  1443. <div class="question">
  1444. <div class="asker"><b>{Asker} asked:</b></div>
  1445. {Question}</div><br>
  1446. <div class="answer">
  1447. {Answer}</div>
  1448. {/block:Answer}
  1449.  
  1450. {block:PermalinkPage}
  1451. {block:HasTags}
  1452. <div class="tagsin">
  1453. {block:Tags}
  1454. <a href="{TagURL}">#{Tag} </a>
  1455. {/block:Tags}
  1456. </div>
  1457. {/block:HasTags}
  1458. {/block:PermalinkPage}
  1459.  
  1460. {block:Date}
  1461. {block:IndexPage}
  1462.  
  1463. {block:HasTags}
  1464. <div class="tagsin">
  1465. {block:Tags}
  1466. <a href="{TagURL}">#{Tag} </a>
  1467. {/block:Tags}
  1468. </div>
  1469. {/block:HasTags}
  1470.  
  1471.  
  1472.  
  1473.  
  1474. <div id="info">posted on <a href="{Permalink}" title="date">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} {Year}</a>&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{Permalink}" title="permalink">{NoteCount} N</a>&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogURL}" title="reblog?" target="blank"><span class="fa fa-retweet"></span></a>{/block:IndexPage}</div>
  1475.  
  1476.  
  1477. {/block:IndexPage}
  1478. {/block:Date}
  1479.  
  1480. {block:Date}
  1481. {block:PermalinkPage}<div id="info" style="margin-left:0px; margin-top:-30px;">posted on <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} '{ShortYear}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;•&nbsp;&nbsp;{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp;&nbsp;•&nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}{/block:PermalinkPage}
  1482. </div><!--posts-->
  1483. {/block:Date}
  1484.  
  1485.  
  1486. {block:PostNotes}
  1487. {PostNotes}
  1488. {/block:PostNotes}
  1489.  
  1490. {/block:Posts}
  1491.  
  1492.  
  1493. </div><!--semicontainer-->
  1494.  
  1495. </div><!--container-->
  1496.  
  1497. </body>
  1498.  
  1499. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!