Advertisement
paciffismthemes

03 // kathleen

Apr 24th, 2016
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.29 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!--- KATHLEEN like it as much as i enjoyed making it. please don't delete this credit
  5. - paciffism-->
  6.  
  7. <link href='https://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
  8. <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  9.  
  10. <!--meta tags-->
  11. <meta name="image:background" content=""/>
  12. <meta name="font:Font" content="Bitter"/>
  13. <meta name="font:Title" content="Bad Script"/>
  14. <meta name="color:Background" content="#fff"/>
  15.  
  16. <meta name="color:Accent Color" content="#cdd8d7"/>
  17. <meta name="color:Posts" content="#fff"/>
  18. <meta name="color:Text" content="#010306"/>
  19. <meta name="color:Borders" content="#c4dbf2"/>
  20.  
  21. <meta name="text:Link 1 URL" content="link 1"/>
  22. <meta name="text:Link 1 Title" content="link 1"/>
  23. <meta name="text:Link 2 URL" content="https://"/>
  24. <meta name="text:Link 2 Title" content="link 2"/>
  25. <meta name="text:Link 3 URL" content="link 1"/>
  26. <meta name="text:Link 3 Title" content="link 1"/>
  27. <meta name="text:Link 4 URL" content="https://"/>
  28. <meta name="text:Link 4 Title" content="ask"/>
  29. <meta name="text:Link 5 URL" content="https://paciffismthemes.tumblr.com"/>
  30. <meta name="text:Link 5 Title" content="credit"/>
  31.  
  32. <meta name="text:Title Size" content="25px"/>
  33. <meta name="text:Font Size" content="13px"/>
  34.  
  35. <meta name="if:Header" content="1"/>
  36. <meta name="if:PermalinksOnHover" content="1"/>
  37. <meta name="if:Infinitescroll" content="1"/>
  38. <meta name="if:ShowCaption" content="1"/>
  39. <meta name="if:Noticebox" content="1"/>
  40. <!--end-->
  41.  
  42. <!--masonry-- (dont remove unless you want wierd columns-->
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45. <!--end-->
  46.  
  47. <style type="text/css">
  48. /*makes images in texts posts stay in the box*/
  49. iframe, img, embed, object, video {
  50. max-width: 100%;
  51. }
  52. /*how the tumblr controls look like */
  53. .tmblr-iframe{
  54. position:fixed;
  55. z-index:99999999999999999999999999999999 !important;
  56. }
  57. img {
  58. height: auto;
  59. width: auto;
  60. }
  61. /*like the motherboard of HTML, 1 change here, effects everything */
  62. body{
  63. background-color:{color:background};
  64. background-image:url({image:Background});
  65. background-attachment:fixed;
  66. font-family:Bitter;
  67. font-size:{text:font size};
  68. color:#a2a2a2;
  69. }
  70.  
  71. /*any link on your blog will look like how you style this */
  72. a:link, a:visited{
  73. color:#a2a2a2;
  74. text-decoration:none;
  75. -webkit-transition: all 0.7s ease;
  76. -moz-transition: all 0.7s ease;
  77. -o-transition: all 0.7s ease;
  78. }
  79.  
  80. a:hover {
  81. color:#a2a2a2
  82. text-decoration: none;
  83. -webkit-transition: all 0.7s ease;
  84. -moz-transition: all 0.7s ease;
  85. -o-transition: all 0.7s ease;
  86. }
  87. /*blogtitle */
  88. #blogtitle{
  89. font-family:Bad Script;
  90. font-size:{text:title size};
  91. text-align:center;
  92. text-transform:uppercase;
  93. margin-bottom:5px;
  94. border-bottom: 1px solid #a2a2a2;
  95. }
  96.  
  97. #blogtitle a{
  98. color: #a2a2a2
  99. }
  100. #blogtitle a:hover{
  101. color:#a2a2a2
  102. }
  103.  
  104. /*style for titles of text posts*/
  105. h2{
  106. font-weight: normal;
  107. }
  108. h2 a{
  109. font-weight: normal;
  110. color: #a2a2a2;
  111. }
  112. h2 a:hover{
  113. color:#a2a2a2;
  114. }
  115. /*style of ask box title and captions*/
  116. p{
  117. text-align:left;
  118. color:#a2a2a2
  119. font-size:{text:font size};
  120. }
  121.  
  122. /*sidebar */
  123.  
  124. #sidebar{
  125. background-color:{color:posts};
  126. width:170px;
  127. height:100%;
  128. position:fixed;
  129. padding:5px;
  130. padding-top:300px;
  131. top:0;
  132. left:20px;
  133. z-index:9;
  134. }
  135. /*description in sidebar */
  136. #description{
  137. text-align:justify;
  138. border-bottom: 1px solid #a2a2a2;
  139. }
  140. /*styling of header */
  141. #header{
  142. position:fixed;
  143. left:0;
  144. top:0;
  145. width:100%;
  146. height:auto;
  147. padding:10px;
  148. text-align:justify;
  149. background-color: #fff;
  150. z-index:9999999;
  151.  
  152. }
  153. #header a{
  154. color: #a2a2a2
  155. }
  156.  
  157. /*styling of how the pagination at the bottom looks if you disable infinite scroll */
  158. .pagination {
  159. word-spacing:5px;
  160. bottom:0;
  161. margin-left:45%;
  162. width:15%;
  163. height:10px;
  164. position:fixed;
  165. font-size:13px;
  166. background-color:{color:posts};
  167. border:1px solid #a2a2a2;
  168. text-align: center;
  169. padding: 7px;
  170. z-index:999999999999 !important;
  171. }
  172.  
  173.  
  174.  
  175. .pagination a {
  176. color: {color:accent 1};
  177. text-decoration: none;
  178. }
  179.  
  180. .pagination a:hover {
  181. color: #a2a2a2
  182. }
  183. /*styling of how navigation links look */
  184. .links {
  185. display:inline-block;
  186. padding:4px;
  187. color: #a2a2a2
  188.  
  189. }
  190. .links a{
  191. margin-right:5px;
  192. }
  193.  
  194. {block:ifinfinitescroll}
  195. .pagination {
  196. display: none;}
  197. {/block:ifinfinitescroll}
  198.  
  199.  
  200. /*what encases the entries. change the width to get more than 1 column */
  201. #container{
  202. margin-top:7%;
  203. width:700px;
  204. margin-left:30%;
  205. {block:PermalinkPage}
  206. margin-left:30%;
  207. width:150px;
  208. {/block:PermalinkPage}
  209. }
  210.  
  211.  
  212. }
  213. /*post load effect. delete it if you dont want it */
  214. @-webkit-keyframes cssAnimation {
  215. from { -webkit-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  216. to { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  217. }
  218. @-moz-keyframes cssAnimation {
  219. from { -moz-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  220. to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  221. }
  222. @-o-keyframes cssAnimation {
  223. from { -o-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  224. to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  225. }
  226. /*1 singular post */
  227. .entry{
  228. background-color:{color:posts};
  229. font-family: arial
  230. text-align:left;
  231. z-index:9999;
  232. float:left;
  233. {block:IndexPage}
  234. width:200px;
  235. border: 2px solid #a2a2a2;
  236. margin: 8px;
  237. padding: 5px;
  238. -moz-box-shadow: 5px 5px 5px #888;
  239. -webkit-box-shadow: 5px 5px 5px #888;
  240. box-shadow: 5px 5px 5px #a2a2a2;
  241. }
  242.  
  243.  
  244. /*post load effect. delete it if you dont want it */
  245. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  246. -moz-animation: cssAnimation 1s 1 ease-in-out;
  247. -o-animation: cssAnimation 1s 1 ease-in-out;
  248. /*end */
  249. {/block:IndexPage}
  250. {block:PermalinkPage}
  251. width:200px;
  252. {/block:PermalinkPage}
  253. overflow:hidden;
  254. margin:12px;
  255. padding:5px;
  256. border:2px solid #a2a2a2;
  257. }
  258. /*styling of permalinks on hover */
  259. {block:ifpermalinksonhover}
  260.  
  261. #perma{
  262. color:{color:accent color};
  263. border:1px solid #a2a2a2;
  264. width:auto;
  265. height:auto;
  266. padding:5px;
  267. margin-left:-20px;
  268. margin-top:10px;
  269. background-color:{color:posts};
  270. text-align:center;
  271. position:absolute;
  272. opacity:0;
  273. -webkit-transition: all 0.7s ease;
  274. -moz-transition: all 0.7s ease;
  275. -o-transition: all 0.7s ease;
  276. }
  277.  
  278. .entry:hover #perma{
  279. margin-left:10px;
  280. opacity:1;
  281. -webkit-transition: all 0.7s ease;
  282. -moz-transition: all 0.7s ease;
  283. -o-transition: all 0.7s ease;
  284. }
  285. {/block:ifpermalinksonhover}
  286.  
  287. .tumblr_audio_player {
  288. {block:IndexPage}
  289. width: 200px;
  290. {/block:IndexPage}
  291. {block:PermalinkPage}
  292. width:200px;
  293. {block:PermalinkPage}
  294. height: 100px;
  295. overflow: hidden;
  296. position: relative;
  297. }
  298.  
  299. /*styling of question posts */
  300. .question{
  301. color:{color:text};
  302. }
  303. .asker{
  304. }
  305. .asker a{
  306. color:{color:text};
  307. }
  308. .asker a:hover{
  309. color:{color:text};
  310. }
  311. .answerer{
  312. font-style: oblique;
  313. }
  314. .answer{
  315. font-style: oblique;
  316. }
  317.  
  318. /*change the color of the highlight*/
  319. ::-moz-selection { /* Code for Firefox */
  320. background: {color:posts};
  321. }
  322. ::selection {
  323. background: {color:posts};
  324. }
  325. /*this is the long line that separates the reblogs' in posts */
  326. blockquote{
  327. padding:0px 0px 2px 5px;
  328. margin:0px 0px 2px 10px;
  329. border-left: 1px solid #a2a2a2;
  330. }
  331.  
  332. /*styling of how the notes will look on the permalink page*/
  333. #permpage{
  334. {block:PermalinkPage}
  335. width: 200px;
  336. height: 200px;
  337. overflow-y:scroll;
  338. position: relative;
  339. margin:5px;
  340. padding:2px;
  341. float:center;
  342. {/block:PermalinkPage}
  343. }
  344. /*the text at the bottom of all posts that says: "reblog NoteCount and details" */
  345. {block:IndexPage}
  346. .permalinktext {
  347. color:{color:accent color};
  348. line-height:3px;
  349. letter-spacing:1px;
  350. text-transform:none;
  351. text-align: center;
  352. margin: 5px;
  353. padding-top:10px;
  354. {/block:IndexPage}
  355. {block:PermalinkPage}
  356. display:none;
  357. {/block:PermalinkPage}
  358. }
  359.  
  360. #singlenotice {
  361. display:block;
  362. height:13px;
  363. width:45px;
  364. font-size:12px; /* font size */
  365. text-transform:lowercase; /* uppercase */
  366. position:fixed;
  367. background:#fff; /* background colour */
  368. padding:3px 3px 1px 2px;
  369. text-align:center; /* text align */
  370. top:50px; /* position from top */
  371. left:10px; /* position from left */
  372. /* NOTE - if you want the box on the left change the left:10px to
  373. right:10px */
  374. z-index:9999999;
  375. color:#a2a2a2; /* text colour */
  376. font-family: arial; /* font family */
  377. border:1px solid #a2a2a2; /* border width and colour */
  378. overflow:hidden;
  379. -moz-transition-duration:0.6s;
  380. -webkit-transition-duration:0.6s;
  381. -o-transition-duration:0.6s;}
  382.  
  383. #noticebox{
  384. position:fixed;
  385. width:125px; /*width*/
  386. z-index:99999999999999999999;
  387. height:auto;
  388. right:30px; /*how far from the right*/
  389. top:55px; /*how far from the top*/
  390. color:#858585; /*text colour*/
  391. background-color:#ffffff; /*background colour*/
  392. border:1px solid #a2a2a2; /*border width and colour*/
  393. text-align:right; /*text align*/
  394. padding:3px;
  395. box-shadow: 5px 5px 5px #a2a2a2;
  396. }
  397.  
  398. #noticebox a{
  399. text-decoration:none;
  400. font-style:italic; /*italic links before hover*/
  401. letter-spacing:1px; /*distance between letters*/}
  402.  
  403. #noticebox a:hover{
  404. font-style:normal;
  405. text-decoration:underline;}
  406.  
  407. #credit {
  408. position:fixed;
  409. right:10px;
  410. bottom:6px;
  411. background:#a2a2a2;
  412. padding-top:5px;
  413. padding-right:6px;
  414. padding-left:6px;
  415. padding-bottom:2px;
  416. font-size:11px;
  417. font-family:Bad Script;
  418. z-index:9999;
  419. } /*Don't remove this please, I will report if I see that is removed.*/
  420.  
  421. #credit a{
  422. color:#fff;
  423. }
  424.  
  425. ::-webkit-scrollbar {width: 6px; height: 4px; background: #ffffff; }
  426. ::-webkit-scrollbar-thumb { background-color: #a2a2a2; -webkit-border-radius: 1ex; }
  427.  
  428. </style>
  429.  
  430. <!-- tab title--->
  431. <title></title>
  432. <link rel="shortcut icon" href="">
  433. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  434. {block:Description}
  435. <meta name="description" content="{MetaDescription}" />
  436. {/block:Description}
  437.  
  438. <!---masonry--->
  439. {block:indexpage}
  440. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  441. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  442. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  443. <script type="text/javascript">
  444. $(window).load(function(){
  445. var $wall = $('#container');
  446. $wall.imagesLoaded(function(){
  447. $wall.masonry({
  448. itemSelector: '.entry, .entry_photo',
  449. isAnimated : false
  450. });
  451. });
  452.  
  453. $wall.infinitescroll({
  454. navSelector : '#page-nav',
  455. nextSelector : '#page-nav a',
  456. itemSelector : '.entry, .entry_photo',
  457. bufferPx : 2000,
  458. debug : false,
  459. errorCallback: function() {
  460. $('#infscr-loading').fadeOut('normal');
  461. }},
  462. {block:ifinfinitescroll}
  463. function( newElements ) {
  464. var $newElems = $( newElements );
  465. $newElems.hide();
  466. $newElems.imagesLoaded(function(){
  467. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  468. });
  469. }); $('#content').show(500);{/block:ifinfinitescroll}
  470. });
  471. </script>
  472. {/block:indexpage}
  473.  
  474.  
  475. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  476. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  477. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  478.  
  479. <script type="text/javascript">
  480. $(window).load(function(){
  481. var $wall = $('#entries');
  482. $wall.imagesLoaded(function(){
  483. $wall.masonry({
  484. itemSelector: '#post',
  485. isAnimated : true
  486. });
  487. });
  488. $wall.infinitescroll({
  489. navSelector : "div#navigation",
  490. nextSelector : "div#navigation a#nextPage",
  491. itemSelector : '#post',
  492. loadingImg : "",
  493. loadingText : " ",
  494. donetext : " ",
  495. extraScrollPx : 0,
  496. bufferPx : 10000,
  497. debug : false,
  498. errorCallback: function() {
  499. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  500. }},
  501. function( newElements ) {
  502. var $newElems = $( newElements );
  503. $newElems.hide();
  504. $newElems.imagesLoaded(function(){
  505. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  506. });
  507. }); $('#entries').show(500);
  508. });
  509. </script>
  510.  
  511. <script language="JavaScript">
  512. function function1(){
  513. window.scrollTo(0,5);
  514. }
  515. function function2(){
  516. window.scroll(0,2);
  517. }
  518. </script>
  519.  
  520.  
  521. <!--end-->
  522.  
  523. </head>
  524.  
  525. <body>
  526.  
  527. <!-- header here--->
  528. {block:ifheader}
  529. <div id="header">
  530.  
  531.  
  532. <!-- header links here--->
  533.  
  534. <div align="center">
  535. <div class="links">
  536.  
  537.  
  538.  
  539. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">{text:Link 2 Title}</a> &middot &nbsp;
  540. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">{text:Link 3 Title}</a>&middot&nbsp;
  541. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}">{text:Link 4 Title}</a>&middot&nbsp;
  542. <a href="/" title="ask">ask</a>&middot&nbsp;
  543. <a href="http://paciffismthemes.tumblr.com" title="credit}">credit</a>&middot&nbsp;
  544.  
  545. </div></div></div>{/block:ifheader}
  546. <!-- sidebar here--->
  547. <div id="sidebar">
  548.  
  549. <!-- blogtitle inside sidebar--->
  550. <div id="blogtitle">
  551. <a href="/"title="refresh">{Title}</div></a>
  552.  
  553. {block:Description}
  554. <div id="description">{Description}</div>
  555. {/block:Description}
  556.  
  557. {block:ifnotheader}
  558. <div align="center">
  559. <div class="links">
  560.  
  561.  
  562. <a href="{text:Link 1 URL}" title="">{text:Link 1 Title}</a> &middot &nbsp;
  563. <a href="{text:Link 2 URL}" title="">{text:Link 2 Title}</a> &middot &nbsp;
  564. <a href="{text:Link 3 URL}" title="">{text:Link 3 Title}</a> &middot &nbsp;
  565. <a href="/ask" title="ask">ask</a>&middot&nbsp;
  566. <a href="http://pacifffismthemes.tumblr.com" title="credit">credit</a>&middot&nbsp;
  567.  
  568. </div></div>
  569.  
  570. {/block:ifnotheader}
  571. </div>
  572. <!--container encasing entries--->
  573. <div id="container">
  574. <!-- EDIT POST TYPES HERE ON--->
  575. {block:Posts}
  576. <div class="entry">
  577. {block:Text}
  578. <!-- start of text posts--->
  579. <div class="post text">
  580. {block:Title}
  581. <h2><a href="{Permalink}">{Title}</a></h2>
  582. {/block:Title}{Body}
  583. </div> {block:IndexPage}
  584. <div class="permalinktext"> </div>
  585. {/block:IndexPage}
  586. {/block:Text}
  587. <!-- end of text posts--->
  588. {block:Photo}
  589.  
  590. <!-- start of photo posts--->
  591. <div class="post photo">
  592. {block:IndexPage}
  593.  
  594. <!-- if permalinks on hover is enabled the hover permalinks will appear (disable in appearance section)--->
  595. {block:ifpermalinksonhover}
  596.  
  597. {/block:ifpermalinksonhover}
  598. <center>
  599. <a href="{Permalink}"> <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  600. </a> </center>
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607. {/block:IndexPage}{block:PermalinkPage}
  608. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  609. </a>
  610.  
  611. {/block:PermalinkPage}
  612. </div>
  613.  
  614. {/block:Photo}
  615. <!-- end of photo posts--->
  616. {block:Panorama}
  617.  
  618. <!-- start of panorama posts--->
  619. <div class="post panorama">
  620. {LinkOpenTag}
  621. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  622. {LinkCloseTag}
  623. </div> <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a>&middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> &middot <a href="{Permalink}">Details</a> </div>
  624. {/block:Panorama}
  625. {block:Photoset}
  626. <!-- start of photoset posts--->
  627. {block:ifpermalinksonhover}
  628. <div id="Perma"><a href="{ReblogURL}">Reblog</a> &middot <a href="{Permalink}">Details</a></div>
  629. {/block:ifpermalinksonhover}
  630. <div class="post photoset">
  631. <center>
  632. {block:Photos}
  633. {block:Indexpage}<a href="{Permalink}"><img src="{PhotoURL-250}" width="250px" /></a>
  634. {/block:Indexpage}
  635. {block:PermalinkPage}<img src="{PhotoURL-250}" width="250px" />{/block:PermalinkPage}
  636. {/block:Photos}
  637. {block:IndexPage}
  638. {block:ifshowcaption}
  639. {block:Caption}
  640.  
  641. {Caption}
  642.  
  643. {/block:Caption}
  644. {/block:ifshowcaption}
  645. <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a>&middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> &middot <a href="{Permalink}">Details</a> </div> {/block:IndexPage}
  646. </center>
  647. {/block:PermalinkPage}
  648. </div>
  649.  
  650. <!-- end of photoset posts--->
  651. {/block:Photoset}
  652. {block:Quote}
  653. <!-- start of quote posts--->
  654. <div class="post quote">
  655. "{Quote}"
  656.  
  657. {block:Source}
  658. <div class="source">{Source}</div>
  659. {/block:Source}
  660. </div> {block:IndexPage}
  661. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  662. {/block:IndexPage}
  663. {/block:Quote}
  664. <!-- end of quote posts--->
  665. {block:Link}
  666. <!-- start of link posts--->
  667. <div class="post link">
  668. <a href="{URL}" class="link" {Target}>{Name}</a>
  669.  
  670. {block:Description}
  671. <div class="description">{Description}</div>
  672. {/block:Description}
  673. </div> {block:IndexPage}
  674. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  675. {/block:IndexPage}
  676. {/block:Link}
  677.  
  678. <!-- end of link posts--->
  679.  
  680.  
  681. {block:Chat}
  682.  
  683. <!-- start of chat posts--->
  684. <div class="post chat">
  685. {block:Title}
  686. <h3><a href="{Permalink}">{Title}</a></h3>
  687. {/block:Title}
  688.  
  689. <div class="chat">
  690. {block:Lines}
  691. <div class="{Alt} user_{UserNumber}">
  692. {block:Label}
  693. <span class="label">{Label}</span>
  694. {/block:Label}{Line}
  695. </div>
  696. {/block:Lines}
  697. </div>
  698. </div> {block:IndexPage}
  699. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  700. {/block:IndexPage}
  701. {/block:Chat}
  702. <!-- end of chat posts--->
  703. {block:Video}
  704. <!-- start of video posts--->
  705. <div class="post video">
  706. {block:IndexPage}
  707. {Video-250}
  708. div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  709. {/block:IndexPage}
  710.  
  711. {block:PermalinkPage} {Video-200}{/block:PermalinkPage}
  712. </div>
  713. {/block:Video}
  714. <!-- end of video posts--->
  715. {block:Audio}
  716. <!-- start of audio posts--->
  717. <div class="post audio">
  718. {block:IndexPage}
  719. {AudioEmbed-250}
  720. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  721. {block:IndexPage}
  722.  
  723. {block:PermalinkPage}
  724. {AudioEmbed-250}
  725.  
  726. {/block:PermalinkPage}
  727. </div>
  728. {/block:Audio}
  729. <!-- end of audio posts--->
  730. {block:Answer}
  731. <!-- start of question posts--->
  732. <div class="question"><div class="asker">{Asker} asked: {Question}</div></div>
  733. {block:Answerer}
  734. <div class="answer"><div class="answerer">{Answerer}</div>{Answer}</div>
  735. {/block:Answerer}
  736.  
  737. <div class="replies">
  738. {Replies}
  739. </div> {block:IndexPage}
  740. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  741. {/block:IndexPage}
  742. {/block:Answer}
  743.  
  744. <!-- end of question posts--->
  745.  
  746. <!-- start styling of permalinkpage--->
  747. {block:PermalinkPagination}<!-- permalinkpagination keeps this from messing with pages and you ask page--->
  748. {block:PermalinkPage}
  749. {block:Caption}
  750. <div class="caption">{Caption}</div>
  751. {/block:Caption}
  752. <div id="permpage">
  753. {NoteCountWithLabel}
  754. <br><br>
  755. <div class="tags">
  756. {block:HasTags}
  757. {block:Tags}
  758. <a href={TagURL}>
  759. <i class="fa fa-tags"></i> {Tag}</a>
  760. {/block:Tags}
  761. {/block:HasTags}
  762. </div>
  763. {block:PostNotes}
  764. {PostNotes-16}
  765. </div></div>
  766. {/block:PostNotes}
  767. {/block:PermalinkPage}
  768. {/block:PermalinkPagination}
  769.  
  770. <!-- end of styling of permalinkpage--->
  771. </div>
  772.  
  773.  
  774. {/block:Posts}
  775. </div>
  776.  
  777.  
  778. <!-- IMPORTANT INFINITE SCROLL STUFF--->
  779. {block:ifnotinfinitescroll}
  780. <div class="pagination">
  781. <center>
  782. {block:PreviousPage}
  783. <a href="{PreviousPage}">Previous</a>
  784. {/block:PreviousPage}
  785. {block:JumpPagination}
  786. {block:CurrentPage}
  787. <span class="current_page">{PageNumber}</span>
  788. {/block:CurrentPage}
  789. {block:JumpPage}
  790. <a class="jump_page" href="{URL}">{PageNumber}</a>
  791. {/block:JumpPage}
  792. {/block:JumpPagination}
  793. {block:NextPage}
  794. <a href="{NextPage}">Next</a>
  795. {/block:NextPage}
  796. </div></center>
  797. {/block:ifnotinfinitescroll}
  798.  
  799. <!--infinite scroll-->
  800. {block:ifinfinitescroll}
  801. <div class="pagination">
  802. {block:Pagination}
  803. {block:PreviousPage}
  804. <a href="{PreviousPage}">previous</a> &middot;
  805. {/block:PreviousPage}
  806. {block:NextPage}
  807. <a href="{NextPage}" id="next">next</a>
  808. {/block:NextPage}
  809. {/block:Pagination}
  810. {/block:ifinfinitescroll}
  811. </div>
  812.  
  813. <div id="noticebox">
  814.  
  815. You can put any little bit of text in this box
  816.  
  817. </div>
  818.  
  819. <div id="credit"><a href="http://paciffismthemes.tumblr.com/">PT</a></div> <!-- don't remove this please, I will report if I see that is removed. -->
  820.  
  821. </div>
  822.  
  823. </body>
  824. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement