API tools faq
paste
Advertisement
Guest User

Cuddleinq's old theme (04-remember)

a guest
Jun 28th, 2016
208
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.77 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!---
  4.  
  5. I have decided to post my old theme by request- so please respect it!!
  6.  
  7. base code by eruhption
  8.  
  9. enjoy xx
  10.  
  11. -Zoe (cuddleinq)
  12.  
  13. -->
  14.  
  15. <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
  16.  
  17. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  18.  
  19. <!--meta tags-->
  20. <meta name="image:background" content=""/>
  21. <meta name="color:Background" content="#fff"/>
  22.  
  23. <meta name="color:Accent" content="#d0dfe7"/>
  24. <meta name="color:Text" content="#666666"/>
  25. <meta name="color:links" content="#666666"/>
  26. <meta name="color:perma color" content="#edf8ff"/>
  27.  
  28.  
  29.  
  30. <meta name="text:Ask Title" content="ask"/>
  31. <meta name="text:Link 2 URL" content="https://"/>
  32. <meta name="text:Link 2 Title" content="link 2"/>
  33. <meta name="text:Link 3 URL" content="https://"/>
  34. <meta name="text:Link 3 Title" content="link 3"/>
  35. <meta name="text:Link 4 URL" content="https://"/>
  36. <meta name="text:Link 4 Title" content="link 4"/>
  37. <meta name="text:Link 5 URL" content="https://"/>
  38. <meta name="text:Link 5 Title" content="link 5"/>
  39. <meta name="text:quote" content="quote goes here"/>
  40.  
  41.  
  42.  
  43. <meta name="text:Font Size" content="12px"/>
  44. <meta name="if:Infinitescroll" content="1"/>
  45. <!--end-->
  46.  
  47. <!--masonry-- (dont remove unless you want wierd columns-->
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  51. <!--end-->
  52.  
  53. <script>
  54. (function($){
  55. $(document).ready(function(){
  56. $("[title],a[title],img[title]").style_my_tooltips({
  57. tip_follows_cursor:true,
  58. tip_delay_time:90,
  59. tip_fade_speed:600,
  60. attribute:"title"
  61. });
  62. });
  63. })(jQuery);
  64.  
  65.  
  66.  
  67.  
  68. </script>
  69.  
  70. <link href='https://fonts.googleapis.com/css?family=Poppins:400,300' rel='stylesheet' type='text/css'>
  71. <link href='https://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
  72.  
  73.  
  74. <style type="text/css">
  75. /*makes images in texts posts stay in the box*/
  76. iframe, img, embed, object, video {
  77. max-width: 100%;
  78. }
  79. img {
  80. height: auto;
  81. width: auto;
  82. }
  83.  
  84. body{
  85. background-color:{color:background};
  86. background-image:url({image:Background});
  87. background-attachment:fixed;
  88. font-family:raleway;
  89. line-height:15px;
  90. font-size:10.5px;
  91. word-wrap:break-word;
  92. }
  93.  
  94.  
  95. a:link, a:visited{
  96. color:{color:links};
  97. text-decoration:none;
  98. -webkit-transition: all 0.7s ease;
  99. -moz-transition: all 0.7s ease;
  100. -o-transition: all 0.7s ease;
  101. }
  102.  
  103. a:hover {
  104. color:{color:accent};
  105. text-decoration: none;
  106. -webkit-transition: all 0.7s ease;
  107. -moz-transition: all 0.7s ease;
  108. -o-transition: all 0.7s ease;
  109. }
  110.  
  111. ::-webkit-scrollbar{
  112. height:6px;
  113. width:9px;
  114. background-color:{color:accent};
  115. border:4px solid {color:background};
  116. }
  117. ::-webkit-scrollbar-thumb{
  118. height:6px;
  119. background-color:{color:accent};
  120. border: 2px solid {color:background};
  121. }
  122. ::selection{
  123. background:{color:accent};
  124. color:{color:background};
  125. }
  126. ::-moz-selection{
  127. background:{color:accent};
  128. color:{color:background};
  129. }
  130. ::-webkit-selection{
  131. background:{color:accent};
  132. color:{color:background};
  133. }
  134.  
  135.  
  136. #blogtitle{
  137. font-size:32px;
  138. text-align:right;
  139. text-transform:lowercase;
  140. font-family:raleway;
  141. letter-spacing:1px;
  142. width:180px;
  143. line-height:26px;
  144. background:{color:background};
  145. margin-top:-20px;
  146. margin-left:24px;
  147. margin-bottom:13px;
  148. padding-right:5px;
  149. }
  150.  
  151. #blogtitle a{
  152. color:{color:accent};
  153. }
  154. #blogtitle a:hover{
  155. color:{color:accent};
  156. }
  157.  
  158. /*style for titles of text posts*/
  159. h2 a{
  160. color:{color:text};
  161. }
  162. h2 a:hover{
  163. color:{color:text};
  164. }
  165. p{
  166. text-align:left;
  167. color:{color:text};
  168. font-size:{text:font size};
  169. }
  170.  
  171. #sidebar{
  172. background-color:{color:background};
  173. width:220px;
  174. height:auto;
  175. margin-left:110px;
  176. margin-top:120px;
  177. position:fixed;
  178. border:1px solid {color:accent};
  179. padding:5px;
  180. z-index:999999999999999999999999999999999999;
  181. }
  182. .pagination {
  183. margin-left:45%;
  184. width:15%;
  185. height:10px;
  186. font-size:13px;
  187. background-color:{color:background};
  188. text-align: center;
  189. padding: 3px 0;
  190. }
  191.  
  192.  
  193. .pagination a {
  194. color: {color:text};
  195. text-decoration: none;
  196. }
  197.  
  198. .pagination a:hover {
  199. color: {color:hover};
  200. }
  201.  
  202. .links {
  203. display:inline-block;
  204. padding:4px;
  205. color:{color:accent};
  206. font-size:11px;
  207.  
  208. }
  209. .links a:hover{
  210. text-decoration:overline;
  211. }
  212.  
  213. {block:ifinfinitescroll}
  214. .pagination {
  215. display: none;}
  216. {/block:ifinfinitescroll}
  217.  
  218.  
  219.  
  220. #container{
  221. width:680px;
  222. margin-left:453px;
  223. margin-top:64px;
  224. {block:PermalinkPage}
  225. margin-left:453px;
  226. width:500px;
  227. {/block:PermalinkPage}
  228. }
  229. @-webkit-keyframes cssAnimation {
  230. from{
  231. -webkit-transform: scale(0.871);}
  232. to{
  233. -webkit-transform:scale(1); }
  234. }
  235.  
  236. @-moz-keyframes cssAnimation {
  237. from{
  238. -moz-transform:scale(0.871);}
  239. to{
  240. -moz-transform: scale(1); }
  241. }
  242.  
  243. @-o-keyframes cssAnimation {
  244. from{
  245. -o-transform: scale(0.871);
  246. }
  247.  
  248. to{
  249. -o-transform: scale(1);}
  250. }
  251.  
  252. .entry{
  253. background-color:{color:posts};
  254. font-family: 'Raleway', sans-serif;
  255. margin-left:300px;
  256. z-index:0;
  257. position:relative;
  258. float:left;
  259. {block:IndexPage}
  260. width:250px;
  261. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  262. -moz-animation: cssAnimation 1s 1 ease-in-out;
  263. -o-animation: cssAnimation 1s 1 ease-in-out;
  264. {/block:IndexPage}
  265. {block:PermalinkPage}
  266. width:500px;
  267. {/block:PermalinkPage}
  268. overflow:hidden;
  269. margin:25px;
  270. text-transform:lowercase;
  271. font:{color:text};
  272. }
  273.  
  274. #perma{
  275. {block:PermalinkPage}
  276. display:none;
  277. {/block:PermalinkPage}
  278. position:absolute;
  279. margin-top:-40px;
  280. background-color:{color:perma color};
  281. opacity:1;
  282. padding:5px;
  283. padding-top:8px;
  284. height:27px;
  285. font-size:9px;
  286. width:auto;
  287. text-transform:uppercase;
  288. letter-spacing:1px;
  289. line-height:14px;
  290. text-align:center;
  291. width:240px;
  292. -webkit-transition: all .8s ease;
  293. -moz-transition: all .8s ease;
  294. -o-transition: all .8s ease;
  295. transition: all .8s ease;
  296. }
  297.  
  298. .entry:hover #perma{
  299.  
  300. opacity:1;
  301. margin-top:6px;
  302. height:27px;
  303. width:240px;
  304. line-height:14px;
  305. background:{color:perma color};
  306. margin-bottom:0%;
  307. -webkit-transition: all .8s ease;
  308. -moz-transition: all .8s ease;
  309. -o-transition: all .8s ease;
  310. transition: all .8s ease;
  311. }
  312.  
  313.  
  314.  
  315. .photo{
  316. webkit-transition: all .7s ease-in-out;
  317. -moz-transition: all .7s ease-in-out;
  318. -ms-transition: all .7s ease-in-out;
  319. -o-transition: all .7s ease-in-out;
  320. transition: all .7s ease-in-out;
  321. -webkit-filter: grayscale(0);
  322. }
  323. .photo:hover{
  324. webkit-transition: all .7s ease-in-out;
  325. -moz-transition: all .7s ease-in-out;
  326. -ms-transition: all .7s ease-in-out;
  327. -o-transition: all .7s ease-in-out;
  328. transition: all .7s ease-in-out;
  329. -webkit-filter: grayscale(.5);
  330.  
  331. overflow:hidden;
  332. transition-duration: 0.3s;
  333. -webkit-transition-duration: 0.3s;
  334. -o-transition-duration: 0.3s;
  335. -moz-transition-duration: 0.3s;
  336. transform: scale(1.1);
  337. -webkit-transform: scale(1.1);
  338. -moz-transform: scale (1.1);
  339. -o-transform: scale (1.1);}
  340.  
  341.  
  342.  
  343. }
  344.  
  345. .tumblr_audio_player {
  346. {block:IndexPage}
  347. width: 250px;
  348. {/block:IndexPage}
  349. {block:PermalinkPage}
  350. width:500px;
  351. {block:PermalinkPage}
  352. height: 100px;
  353. overflow: hidden;
  354. position: relative;
  355. z-index: 1000;
  356. }
  357. .question{
  358. line-height:14px;
  359. text-align:justify;
  360. padding:7px;
  361. font-size:11px;
  362. color:{color:text};
  363. background:{color:accent};
  364. letter-spacing:0px;
  365.  
  366.  
  367. }
  368. .ask{
  369. font-size:10px;
  370. letter-spacing:2px;
  371. background:white;
  372. text-transform:uppercase;
  373. padding-top:7px;
  374. text-align:left;
  375. padding-bottom:1px;
  376. }
  377. .asker a{
  378. color:{color:text};
  379.  
  380. }
  381. .asker a:hover{
  382. color:{color:text};
  383.  
  384. }
  385. .a{
  386. font-style: oblique;
  387. color:{color:text};
  388. text-align:left;
  389. font-size:11px;
  390. padding:5px;
  391. padding-bottom:0px;
  392. line-height:14px;
  393. width:95%;
  394. margin-left:0px;
  395. margin-top:-11px;
  396. line-height:12px;
  397. border-bottom:1px solid {color:accent};
  398. border-left:1px solid {color:accent};
  399. border-right:1px solid {color:accent};
  400.  
  401. }
  402. .answer{
  403. font-style: oblique;
  404. text-transform:uppercase;
  405. line-height:14px;
  406. letter-spacing:2px;
  407. font-size:10px;
  408. width:99%;
  409. text-align:left;
  410. padding-top:4px;
  411. border-top:1px solid {color:accent};
  412. border-left:1px solid {color:accent};
  413. border-right:1px solid {color:accent};
  414. margin-right:155px;
  415. margin-left:0px;
  416. margin-top:10px;
  417. }
  418.  
  419. /*change the color of the highlight*/
  420. ::-moz-selection { /* Code for Firefox */
  421. background: {color:accent};
  422. }
  423. ::selection {
  424. background: {color:accent};
  425. }
  426.  
  427. blockquote{
  428. padding:0px 0px 2px 5px;
  429. margin:0px 0px 2px 10px;
  430. border-left: 1px solid {color:text};
  431. }
  432.  
  433. /*styling of how the notes will look on the permalink page*/
  434. #permpage{
  435. {block:PermalinkPage}
  436. width: 500px;
  437. height: 200px;
  438. overflow-y:scroll;
  439. position: relative;
  440. margin:5px;
  441. padding:2px;
  442. float:center;
  443. {/block:PermalinkPage}
  444. }
  445.  
  446. {block:IndexPage}
  447. .permalinktext {
  448. display: block;
  449. font-family: raleway;
  450. font-size:8px;
  451. line-height:3px;
  452. letter-spacing:1px;
  453. text-transform:uppercase;
  454. text-align: right;
  455. background-color:transparent;
  456. margin: 2px;
  457. margin-top:5px;
  458. color:#aaa;
  459. font-style:italic;
  460. border-top:1px solid {color:accent};
  461. padding-top:6px;
  462. {/block:IndexPage}
  463. {block:PermalinkPage}
  464. display:none;
  465. {/block:PermalinkPage}
  466. }
  467.  
  468. .permalinktextt {
  469. display: block;
  470. font-family: 'Raleway', sans-serif;
  471. font-size:8px;
  472. line-height:3px;
  473. letter-spacing:1px;
  474. text-transform:uppercase;
  475. text-align:right;
  476. background-color:transparent;
  477. margin: 2px;
  478. margin-top:5px;
  479. color:#aaa;
  480. font-style:italic;
  481. padding-top:4px;
  482. {/block:IndexPage}
  483. {block:PermalinkPage}
  484. display:none;
  485. {/block:PermalinkPage}
  486. }
  487.  
  488. #quotehere{
  489. width:180px;
  490. text-align:center;
  491. margin-left:17px;
  492. padding:2px;
  493. margin-top:7px;
  494. margin-bottom:5px;
  495. border:1px solid {color:accent};
  496. height:auto;
  497. line-height:12px;
  498. z-index:9999999999999999;
  499. font-size:10px;
  500. letter-spacing:1px;
  501. background:{color:accent};
  502.  
  503. }
  504.  
  505. #sidez{
  506. height:100%;
  507. width:30px;
  508. left:0px;
  509. top:0px;
  510. background:{color:accent};
  511. position:fixed;
  512.  
  513. }
  514.  
  515. #sidezo{
  516. height:100%;
  517. width:2px;
  518. left:36px;
  519. top:0px;
  520. background:{color:accent};
  521. position:fixed;
  522.  
  523. }
  524.  
  525.  
  526. #sidea{
  527. height:100%;
  528. width:28px;
  529. right:0px;
  530. top:0px;
  531. background:{color:accent};
  532. position:fixed;
  533. }
  534.  
  535. #forbar{
  536. width:650px;
  537. top:28px;
  538. position:fixed;
  539. text-align:center;
  540. left:433px;
  541. padding-top:8px;
  542. border:1px solid {color:accent};
  543. height:22px;
  544. line-height:14px;
  545. font-size:10px;
  546. letter-spacing:1px;
  547. background:{color:accent};
  548. z-index:99;
  549.  
  550. }
  551.  
  552. #forbar1{
  553. width:350px;
  554. top:28px;
  555. position:fixed;
  556. text-align:center;
  557. left:590px;
  558. padding-top:8px;
  559. border:1px solid transparent;
  560. height:22px;
  561. line-height:14px;
  562. z-index:9999999999999999999999999999;
  563. font-size:10px;
  564. letter-spacing:1px;
  565. background:transparent;
  566.  
  567. }
  568.  
  569. #cover{
  570. height:28px;
  571. width:650px;
  572. left:433px;
  573. top:0px;
  574. background:{color:background};
  575. position:fixed;
  576. z-index:9;
  577.  
  578. }
  579.  
  580. .tooltip{
  581. display:inline;
  582. position:relative;
  583. }
  584. #s-m-t-tooltip{
  585. max-width:300px;
  586. padding:4px 5px 6px 4px;
  587. margin:9px 5px -2px 20px;
  588. background:white;
  589. border:1px solid {color:accent};
  590. font-family: 'Raleway', sans-serif;
  591. font-size:10px;
  592. letter-spacing:1px;
  593. text-transform:lowercase;
  594. color:{color:text};
  595. z-index:9999999999999999999999;
  596. }
  597.  
  598. #credit a{position:fixed; border:1px solid #f2f2f2;right:3px;bottom:10px;padding:5px;line-height:10px;font-size:11px;z-index:9999999999999999999999999999999999;color:{color:text};background:white;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;}
  599.  
  600. </style>
  601.  
  602. <div id="credit"><a href="http://cuddleinq.tumblr.com" title="credit"><i class="fa fa-bookmark-o" aria-hidden="true"></i></a></div>
  603.  
  604.  
  605. <title>{Title}</title>
  606. <link rel="shortcut icon" href="{Favicon}">
  607. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  608. {block:Description}
  609. <meta name="description" content="{MetaDescription}" />
  610. {/block:Description}
  611.  
  612.  
  613.  
  614. <!---masonry--->
  615. {block:indexpage}
  616. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  617. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  618. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  619. <script type="text/javascript">
  620. $(window).load(function(){
  621. var $wall = $('#container');
  622. $wall.imagesLoaded(function(){
  623. $wall.masonry({
  624. itemSelector: '.entry, .entry_photo',
  625. isAnimated : false
  626. });
  627. });
  628.  
  629. $wall.infinitescroll({
  630. navSelector : '#page-nav',
  631. nextSelector : '#page-nav a',
  632. itemSelector : '.entry, .entry_photo',
  633. bufferPx : 2000,
  634. debug : false,
  635. errorCallback: function() {
  636. $('#infscr-loading').fadeOut('normal');
  637. }},
  638. function( newElements ) {
  639. var $newElems = $( newElements );
  640. $newElems.hide();
  641. $newElems.imagesLoaded(function(){
  642. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  643. });
  644. }); $('#content').show(500);
  645. });
  646. </script>
  647. {/block:indexpage}
  648.  
  649. <!--end-->
  650.  
  651. </head>
  652.  
  653. <body>
  654. <div id="forbar1">
  655. <div id="links">
  656. <a href="/" title="home"><i class="fa fa-home fa-lg" aria-hidden="true" ></i></a>
  657. &nbsp&nbsp&nbsp&nbsp
  658.  
  659. <a href="{text:link 2 url}" title="{text:link 2 title}"><i class="fa fa-paper-plane-o fa-lg" aria-hidden="true"></i></a></a>
  660. &nbsp&nbsp&nbsp&nbsp
  661.  
  662. <a href="{text:link 3 url}" title="{text:link 3 title}"><i class="fa fa-link fa-lg" aria-hidden="true"></i></a>
  663. &nbsp&nbsp&nbsp&nbsp
  664.  
  665. <a href="{text:link 4 url}" title="{text:link 4 title}"><i class="fa fa-heart-o fa-lg" aria-hidden="true"></i></a>
  666. &nbsp&nbsp&nbsp&nbsp
  667.  
  668. <a href="{text:link 5 url}" title="{text:link 5 title}"><i class="fa fa-user fa-lg" aria-hidden="true"></i></a></a>
  669. &nbsp&nbsp&nbsp&nbsp
  670.  
  671. <a href="/archive" title="archive"><i class="fa fa-archive fa-lg" aria-hidden="true"></i></a>
  672. &nbsp&nbsp&nbsp&nbsp
  673.  
  674.  
  675. </div>
  676. </div>
  677. <div id="forbar"></div>
  678. <div id="sidez"></div>
  679. <div id="cover"></div>
  680. <div id="sidezo"></div>
  681. <div id="sidea"></div>
  682. <div id="sidebar"><div id="blogtitle">
  683. <a href="/">{Title}</div></a>
  684.  
  685. {block:Description}
  686. <div id="description"><center>{Description}</center></div>
  687. {/block:Description}
  688. <div align="center">
  689.  
  690. </div>
  691.  
  692. <div id="quotehere">{text:quote}</div>
  693.  
  694.  
  695.  
  696.  
  697.  
  698. </div>
  699.  
  700. <div id="container">
  701.  
  702. {block:Posts}
  703. <div class="entry">
  704. {block:Text}
  705. <div class="post text">
  706. {block:Title}
  707. <h2><a href="{Permalink}"><font face="raleway" font size="5" color="{color:accent}"><center>{Title}</center></a></font></h2>
  708. {/block:Title}{Body}
  709. </div> {block:IndexPage}
  710. <div class="permalinktextt"> <a href="{Permalink}" title="Permalink"><i class="fa fa-comments-o fa-lg" aria-hidden="true"></i></a> <font color="#aaa">&middot</font> <a href="{ReblogURL}"><i class="fa fa-refresh fa-lg" aria-hidden="true"></i> </a> </div>
  711. {/block:IndexPage}
  712. {/block:Text}
  713. {block:Photo}
  714. <div class="post photo"><div id="perma"><small>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} &nbsp&middot {12HourWithZero}:{Minutes}{CapitalAmPm}</small><br><a href="{ReblogURL}">reblog</a> with <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a></div>
  715.  
  716. {block:IndexPage}
  717. <a href="{Permalink}"> <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  718. </a> {/block:IndexPage}{block:PermalinkPage}
  719. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  720. </a>
  721.  
  722. {/block:PermalinkPage}
  723. </div>
  724.  
  725. {/block:Photo}
  726. {block:Panorama}
  727. <div class="post panorama">
  728. {LinkOpenTag}
  729. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  730. {LinkCloseTag}
  731. </div>
  732. {/block:Panorama}
  733. {block:Photoset}
  734. <div class="post photoset"><div id="perma"><small>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} &nbsp&middot {12HourWithZero}:{Minutes}{CapitalAmPm}</small><br><a href="{ReblogURL}">reblog</a> with <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a></div>
  735. <center>
  736. {block:Photos}
  737. {block:Indexpage}<a href="{Permalink}"><img src="{PhotoURL-500}" width="250px" /></a>{/block:Indexpage}
  738. {block:PermalinkPage}<img src="{PhotoURL-500}" width="500px" />{/block:PermalinkPage}
  739. {/block:Photos}
  740. </center>
  741. {/block:PermalinkPage}
  742. </div>
  743. {/block:Photoset}
  744. {block:Quote}
  745. <div class="post quote">
  746. <i class="fa fa-quote-left fa-lg" aria-hidden="true"></i><center><font size="3" color="{color:accent}"> {Quote} </center></font>
  747.  
  748. {block:Source}
  749. <div class="source"><center>- {Source}</center></div>
  750. {/block:Source}
  751. </div> {block:IndexPage}
  752. <div class="permalinktextt"> <a href="{Permalink}" title="Permalink"><i class="fa fa-comments-o fa-lg" aria-hidden="true"></i></a> <font color="#aaa">&middot</font> <a href="{ReblogURL}"><i class="fa fa-refresh fa-lg" aria-hidden="true"></i> </a> </div>
  753. {/block:IndexPage}
  754. {/block:Quote}
  755. {block:Link}
  756. <div class="post link">
  757. <a href="{URL}" class="link" {Target}><center><font face="raleway" font size="5" color="{color:accent}">{Name}</font></center></a>
  758.  
  759. {block:Description}
  760. <div class="description">{Description}</div>
  761. {/block:Description}
  762. </div> {block:IndexPage}
  763. <div class="permalinktextt"> <a href="{Permalink}" title="Permalink"><i class="fa fa-comments-o fa-lg" aria-hidden="true"></i></a> <font color="#aaa">&middot</font> <a href="{ReblogURL}"><i class="fa fa-refresh fa-lg" aria-hidden="true"></i> </a> </div>
  764. {/block:IndexPage}
  765. {/block:Link}
  766. {block:Chat}
  767. <div class="post chat">
  768. {block:Title}
  769. <h3><a href="{Permalink}">{Title}</a></h3>
  770. {/block:Title}
  771.  
  772. <ul class="chat">
  773. {block:Lines}
  774. <div class="{Alt} user_{UserNumber}">
  775. {block:Label}
  776. <span class="label">{Label}</span>
  777. {/block:Label}{Line}
  778. </div>
  779. {/block:Lines}
  780. </ul>
  781. </div> {block:IndexPage}
  782. <div class="permalinktextt"> <a href="{Permalink}" title="Permalink"><i class="fa fa-comments-o fa-lg" aria-hidden="true"></i></a> <font color="#aaa">&middot</font> <a href="{ReblogURL}"><i class="fa fa-refresh fa-lg" aria-hidden="true"></i> </a> </div>
  783. {/block:IndexPage}
  784. {/block:Chat}
  785. {block:Video}
  786. <div class="post video">
  787. {block:IndexPage}
  788. {Video-250}
  789. <div class="permalinktext"> <a href="{Permalink}" title="Permalink"><i class="fa fa-comments-o fa-lg" aria-hidden="true"></i></a> <font color="#aaa">&middot</font> <a href="{ReblogURL}"><i class="fa fa-refresh fa-lg" aria-hidden="true"></i> </a> </div>
  790. {/block:IndexPage}
  791.  
  792. {block:PermalinkPage} {Video-500}{/block:PermalinkPage}
  793. </div>
  794. {/block:Video}
  795. {block:Audio}
  796. <div class="post audio">
  797. {block:IndexPage}
  798. {AudioEmbed-250}
  799. <div class="permalinktext"> <a href="{Permalink}" title="Permalink"><i class="fa fa-comments-o fa-lg" aria-hidden="true"></i></a> <font color="#aaa">&middot</font> <a href="{ReblogURL}"><i class="fa fa-refresh fa-lg" aria-hidden="true"></i> </a> </div>
  800. {block:IndexPage}
  801.  
  802. {block:PermalinkPage}
  803. {AudioEmbed-500}
  804.  
  805. {/block:PermalinkPage}
  806. </div>
  807. {/block:Audio}
  808. {block:Answer}
  809. <img src="{AskerPortraitURL-30}" width="30" align="left" style="border-radius:100%;border:3px solid #fff; float:left;-webkit-transform:scale(1); margin-left:4px; margin-top:3px;">
  810. <div class="ask">&nbsp;{Asker} asked:</div>
  811. <div class="question">
  812. &nbsp;&nbsp;{Question}</div>
  813. <div class="answer">&nbsp;{Name} replied:</div>
  814. <div class="a">{Answer}</div>
  815. {block:Answerer}
  816. <div class="answer"><div class="answerer">{Answerer}</div>{Answer}</div>
  817. {/block:Answerer}
  818.  
  819. <div class="replies">
  820. </div> {block:IndexPage}
  821. <div class="permalinktextt"> <a href="{Permalink}" title="Permalink"><i class="fa fa-comments-o fa-lg" aria-hidden="true"></i></a> <font color="#aaa">&middot</font> <a href="{ReblogURL}"><i class="fa fa-refresh fa-lg" aria-hidden="true"></i> </a> </div>
  822. {/block:IndexPage}
  823. {/block:Answer}{block:PermalinkPagination}
  824. {block:PermalinkPage}
  825. {block:Caption}
  826. <div class="caption">{Caption}</div>
  827. {/block:Caption}
  828. <div id="permpage">
  829. {NoteCountWithLabel}
  830. <br><br>
  831. <div class="tags">
  832. {block:HasTags}
  833. {block:Tags}
  834. <a href={TagURL}>
  835. <i class="fa fa-tags"></i> {Tag}</a>
  836. {/block:Tags}
  837. {/block:HasTags}
  838. </div>
  839. {block:PostNotes}
  840. {PostNotes-16}
  841. </div></div>
  842. {/block:PostNotes}
  843. {/block:PermalinkPage}
  844. {/block:PermalinkPagination}
  845. </div>
  846.  
  847.  
  848. {/block:Posts}
  849. </div>
  850. {block:ifnotinfinitescroll}
  851. <div class="pagination">
  852. <center>
  853. {block:PreviousPage}
  854. <a href="{PreviousPage}">Previous</a>
  855. {/block:PreviousPage}
  856. {block:JumpPagination}
  857. {block:CurrentPage}
  858. <span class="current_page">{PageNumber}</span>
  859. {/block:CurrentPage}
  860. {block:JumpPage}
  861. <a class="jump_page" href="{URL}">{PageNumber}</a>
  862. {/block:JumpPage}
  863. {/block:JumpPagination}
  864. {block:NextPage}
  865. <a href="{NextPage}">Next</a>
  866. {/block:NextPage}
  867. </div></center>
  868. {/block:ifnotinfinitescroll}
  869.  
  870. <!--infinite scroll-->
  871. {block:ifinfinitescroll}
  872. <div class="pagination">
  873. {block:Pagination}
  874. {block:PreviousPage}
  875. <a href="{PreviousPage}">previous</a> &middot;
  876. {/block:PreviousPage}
  877. {block:NextPage}
  878. <a href="{NextPage}" id="next">next</a>
  879. {/block:NextPage}
  880. {/block:Pagination}
  881. {/block:ifinfinitescroll}
  882. </div>
  883. </body>
  884. </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!