glenthemes

Theme [10]: Guardian Deity

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