Advertisement
paciffismthemes

02 // rhiannon

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