API tools faq
paste
Advertisement
paciffismthemes

01 // arabella

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