API tools faq
paste
Advertisement
Katting

Smoothie Dreams Theme

Katting
Sep 28th, 2016
365
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.  
  6. <!-----------------------------------------------------------------------
  7.  
  8. ***PLEASE READ THIS AS IT CONTAINS IMPORTANT INFO***
  9.  
  10. Feline Themes Presents: Smoothie Dreams Theme
  11.  
  12. This theme was created to be a colorful one for tropical themed blogs, but I'm sure with a couple color edits it can suite a wide variety of blogstyles!
  13.  
  14. You may make as many cosmetic changes as you'd like to this theme such as changing fonts, colors, and simple stuff like that. You can also add in as many add-ons as you'd like. Get creative! Just please don't make this theme look like an entirely new theme.
  15.  
  16. Do not use as a base code! Do not reupload this theme as your own, no matter how much you edit it, and keep both of the credit links intact.
  17.  
  18. You may look at my coding to see how I did certain things, but please don't copy and paste any of the CSS/HTML.
  19.  
  20.  
  21.  
  22. *FONTS AND COLORS USED*
  23.  
  24. -There are 3 main color selections, if you want less colors, just make two of them the same color, or edit the tags a little bit in the CSS.
  25.  
  26. -I went with white for the body font as it looked nice with the colorful backgrounds of the posts.
  27.  
  28. -Chasing Embers is the font used for the blogtitle. I got it from dafont.com
  29.  
  30. -I used the font "Caviar Dreams" from dafont.com for the main body. Replace this with any font that suites your needs if you wish.
  31.  
  32.  
  33. *OTHER INFO*
  34.  
  35. -I have tested the following post types: Text, Photos/Photosets, Quotes, Asks, Chats, and Videos. It should look okay with Audio posts, but I don't personally use them or see them often so I didn't focus on them much.
  36.  
  37. -I did not include the scripts for popups to keep out unneccassary coding for the release as I didn't make any popups for this theme. So you'll need to add that in yourself if you want to use popups.
  38.  
  39.  
  40. Enjoy and let me know if you use it so I can see! :)
  41.  
  42.  
  43. © Feline Themes 2016
  44.  
  45. ------------------------------------------------------------------------>
  46.  
  47.  
  48.  
  49.  
  50. <!----------------------------------------------------------------------->
  51.  
  52. <meta name="color:Background" content="#ffffff"/>
  53. <meta name="color:Color 1" content="#fe8c9d"/>
  54. <meta name="color:Color 2" content="#ffd093"/>
  55. <meta name="color:Color 3" content="#fff5b5"/>
  56.  
  57. <meta name="color:Font Color" content="#ffffff"/>
  58. <meta name="text:Font Size" content="12px"/>
  59. <meta name="text:Title Font Size" content="60px"/>
  60.  
  61. <meta name="text:Link 2 URL" content="/linktwo"/>
  62. <meta name="text:Link 2" content="Link Two"/>
  63. <meta name="text:Link 3 URL" content="/linkthree"/>
  64. <meta name="text:Link 3" content="Link Three"/>
  65.  
  66. <meta name="pinterest" content="nopin" />
  67.  
  68. <!----------------------------------------------------------------------->
  69.  
  70. <link href="http://static.tumblr.com/dq6g0mp/MIzoe7f11/tropicalfont.css" rel="stylesheet">
  71.  
  72. <link href="http://static.tumblr.com/dq6g0mp/UAVocwhan/caviar.css" rel="stylesheet">
  73.  
  74. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"> <!--font awesome icons-->
  75.  
  76. <!----------------------------------------------------------------------->
  77.  
  78.  
  79.  
  80. <!------------------ start of styled tooltips script -------------------->
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82.  
  83. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  84.  
  85. <script>
  86. (function($){
  87. $(document).ready(function(){
  88. $("a[title]").style_my_tooltips({
  89. tip_follows_cursor:true,
  90. tip_delay_time:90,
  91. tip_fade_speed:600,
  92. attribute:"title"
  93. });
  94. });
  95. })(jQuery);
  96. </script>
  97. <!-------------------- end of styled tooltip scripts -------------------->
  98.  
  99. <style type="text/css">
  100.  
  101. /*----------------------------------------------------------------------*/
  102.  
  103. #sidebar{
  104. position:fixed;
  105. z-index:1000;
  106. bottom:200px;
  107. left:9%;
  108. width:250px;
  109. padding:10px;
  110. text-align:center;
  111. border:3px solid {color:Color 1};
  112. background-color:{color:Background};
  113. outline:1px dashed{color:Color 2};
  114. outline-offset:-6px;
  115. }
  116.  
  117. #blogtitle{
  118. position:absolute;
  119. top:-30px;
  120. left:-30px;
  121. height:45px;
  122. padding-right:10px;
  123. background-color:{color:Background};
  124. text-align:left;
  125. font-family:'chasing_embers_demo_versionRg';
  126. font-size:{text:Title Font Size};
  127. color:{color:Color 2};
  128. text-shadow:2px 2px 1px {color:Color 1};
  129. }
  130.  
  131. #description{
  132. position:relative;
  133. z-index:100;
  134. margin-top:25px;
  135. margin-left:10px;
  136. margin-right:-40px;
  137. padding:12px;
  138. text-align:right;
  139. background-color:{color:Color 1};
  140. font-size:10px;
  141. color:{color:Background};
  142. }
  143.  
  144. #links{
  145. margin-top:10px;
  146. margin-bottom:10px;
  147. margin-left:-30px;
  148. padding-top:3px;
  149. padding-bottom:3px;
  150. padding-right:3px;
  151. padding-left:10px;
  152. background-color:{color:Color 2};
  153. text-align:left;
  154. font-size:10px;
  155. }
  156.  
  157. #links a{
  158. margin-left:5px;
  159. margin-right:5px;
  160. color:{color:Font Color};
  161. }
  162.  
  163. /*----------------------------------------------------------------------*/
  164.  
  165. #container{
  166. position:absolute;
  167. top:50px;
  168. left:37%;
  169. width:610px;
  170. }
  171.  
  172. .entry{
  173. {block:IndexPage}
  174. width:250px;
  175. {/block:IndexPage}
  176. {block:PermalinkPage}
  177. width:500px;
  178. {/block:PermalinkPage}
  179. margin:15px;
  180. padding:10px;
  181. }
  182.  
  183.  
  184. /*--Makes text posts look a little nicer--*/
  185. #textpostbody{
  186. padding:20px;
  187. outline:1px dashed {color:Font Color};
  188. outline-offset:-5px;
  189. background-color:{color:Color 2};
  190. }
  191. /*--Makes text posts look a little nicer--*/
  192.  
  193. /*--Post permalinks--*/
  194.  
  195. #posteddate{
  196. margin-top:5px;
  197. margin-bottom:2px;
  198. padding:5px;
  199. text-align:right;
  200. background-color:{color:Color 1};
  201. font-size:10px;
  202. color:{color:Font Color};
  203. }
  204.  
  205. #textpermalinks{
  206. padding:5px;
  207. background-color:{color:Color 3};
  208. font-family:'caviar_dreamsbold';
  209. font-size:10px;
  210. color:{color:Color 1};
  211. }
  212.  
  213. #textpermalinks a{
  214. margin-left:5px;
  215. margin-right:5px;
  216. color:{color:Color 1};
  217. }
  218. /*--Post permalinks--*/
  219.  
  220. /*--Permalinks on photo posts--*/
  221.  
  222. #photopermalinks{
  223. {block:PermalinkPage}
  224. display:none;
  225. {/block:PermalinkPage}
  226. position:absolute;
  227. width:100px;
  228. bottom:55px;
  229. right:10px;
  230. opacity:0;
  231. text-align:center;
  232. -webkit-transition: all 1s ease;
  233. -moz-transition: all 1s ease;
  234. -o-transition: all 1s ease;
  235. transition: all 1s ease;
  236. }
  237.  
  238. .entry:hover #photopermalinks{
  239. opacity:1;
  240. }
  241.  
  242. .photopermalinks{
  243. margin:5px;
  244. padding:7px;
  245. background-color:{color:Color 2};
  246. text-transform:uppercase;
  247. font-size:12px;
  248. color:{color:Font Color};
  249. -webkit-transition: all 1s ease;
  250. -moz-transition: all 1s ease;
  251. -o-transition: all 1s ease;
  252. transition: all 1s ease;
  253. }
  254.  
  255. .photopermalinks:hover{
  256. background-color:{color:Color 3};
  257. }
  258.  
  259. .postedago{
  260. position:absolute;
  261. bottom:10px;
  262. width:220px;
  263. padding:15px;
  264. opacity:0;
  265. background-color:{color:Color 1};
  266. text-align:center;
  267. font-size:13px;
  268. -webkit-transition: all 1s ease;
  269. -moz-transition: all 1s ease;
  270. -o-transition: all 1s ease;
  271. transition: all 1s ease;
  272. }
  273.  
  274. .entry:hover .postedago{
  275. opacity:1;
  276. }
  277.  
  278.  
  279. .postedfrom{
  280. position:absolute;
  281. top:10px;
  282. width:220px;
  283. padding:15px;
  284. opacity:0;
  285. background-color:{color:Color 1};
  286. text-transform:uppercase;
  287. font-size:13px;
  288. color:{color:Font Color};
  289. -webkit-transition: all 1s ease;
  290. -moz-transition: all 1s ease;
  291. -o-transition: all 1s ease;
  292. transition: all 1s ease;
  293. }
  294.  
  295. .entry:hover .postedfrom{
  296. opacity:1;
  297. }
  298.  
  299. /*--Permalinks on photo posts--*/
  300.  
  301. /*--For hover effect on photo posts--*/
  302.  
  303. #photoposts{
  304. position:relative;
  305. }
  306.  
  307. .photohovereffect{
  308. position:absolute;
  309. top:0px;
  310. bottom:0px;
  311. left:0px;
  312. right:0px;
  313. opacity:0;
  314. background-color:{color:Color 1};
  315. -webkit-transition: all 1s ease;
  316. -moz-transition: all 1s ease;
  317. -o-transition: all 1s ease;
  318. transition: all 1s ease;
  319. }
  320.  
  321. .entry:hover .photohovereffect{
  322. opacity:0.9;
  323. }
  324.  
  325. /*--For hover effects on photo posts--*/
  326.  
  327. /*--For quote posts--*/
  328.  
  329. blockquote{
  330. margin:0px;
  331. text-align:left;
  332. font-size:25px;
  333. }
  334.  
  335. #source{
  336. margin-top:15px;
  337. padding:5px;
  338. text-align:right;
  339. font-size:9px;
  340. border-top:1px solid {color:Font Color};
  341. }
  342.  
  343. /*--For quote posts--*/
  344.  
  345. /*--For the link in link posts--*/
  346.  
  347. #link{
  348. padding:10px;
  349. background-color:{color:Color 2};
  350. text-align:right;
  351. outline:1px dashed {color:Font Color};
  352. outline-offset:-3px;
  353. font-size:30px;
  354. color:{color:Font Color};
  355. -webkit-transition: all 1s ease;
  356. -moz-transition: all 1s ease;
  357. -o-transition: all 1s ease;
  358. transition: all 1s ease;
  359. }
  360.  
  361. #link:hover{
  362. background-color:{color:Color 3};
  363. }
  364.  
  365. /*--For the link in link posts--*/
  366.  
  367. /*--For the lines of chat posts--*/
  368.  
  369. .odd{
  370. padding-top:5px;
  371. padding-bottom:5px;
  372. padding-left:15px;
  373. padding-right:15px;
  374. background-color:{color:Color 2};
  375. }
  376.  
  377. .even{
  378. padding-top:5px;
  379. padding-bottom:5px;
  380. padding-left:15px;
  381. padding-right:15px;
  382. background-color:{color:Color 1};
  383. }
  384.  
  385. /*--For the lines of chat posts--*/
  386.  
  387. /*--The question part of answer posts--*/
  388.  
  389. .question{
  390. padding:10px;
  391. border:4px solid {color:Color 2};
  392. background-color:{color:Color 1};
  393. }
  394.  
  395. .question a:hover{
  396. color:{color:Color 2};
  397. }
  398.  
  399. .theasker{
  400. padding-bottom:5px;
  401. border-bottom:1px solid {color:Color 3};
  402. text-transform:uppercase;
  403. font-size:13px;
  404. }
  405.  
  406. .theasker img{
  407. border-radius:90px;
  408. width:35px;
  409. height:35px;
  410. }
  411.  
  412. .asked{
  413. margin-top:5px;
  414. padding:5px;
  415. }
  416.  
  417. /*--The question part of answer posts--*/
  418.  
  419. /*--The answer part of answer posts--*/
  420.  
  421. .replies{
  422. margin-top:3px;
  423. padding:10px;
  424. outline:1px dashed {color:Font Color};
  425. outline-offset:-5px;
  426. background-color:{color:Color 2};
  427. font-size:13px;
  428. }
  429.  
  430. /*--The answer part of answer posts--*/
  431.  
  432. /*--Permalink page--*/
  433.  
  434. .caption{
  435. margin-top:10px;
  436. padding:10px;
  437. outline:1px dashed {color:Font Color};
  438. outline-offset:-5px;
  439. background-color:{color:Color 2};
  440. }
  441.  
  442. ol.notes{
  443. height:300px;
  444. padding:10px;
  445. overflow-y:auto;
  446. list-style-type:none;
  447. background-color: {color:Color 3};
  448. }
  449.  
  450. ol.notes a{
  451. font-family:'caviar_dreamsbold';
  452. color:{color:Color 1};
  453. }
  454.  
  455. ol.notes img.avatar {
  456. margin-right:10px;
  457. width:20px;
  458. height:20px;
  459. border-radius:90px;
  460. }
  461.  
  462. ol.notes li{
  463. margin:2px;
  464. }
  465.  
  466. /*--Permalink Page--*/
  467.  
  468. .tumblr_audio_player {
  469. {block:IndexPage}
  470. width: 250px;
  471. {/block:IndexPage}
  472. {block:PermalinkPage}
  473. width:500px;
  474. {/block:PermalinkPage}
  475. height: 100px;
  476. overflow: hidden;
  477. position: relative;
  478. z-index: 1000;
  479. }
  480.  
  481. /*makes images in texts posts stay in the box*/
  482. iframe, img, embed, object, video {
  483. max-width: 100%;
  484. }
  485.  
  486. img {
  487. vertical-align:middle;
  488. height: auto;
  489. width: auto;
  490. }
  491.  
  492. /*----------------------------------------------------------------------*/
  493.  
  494. #borderbgtop, #borderbgleft, #topone, #toptwo, #leftone, #lefttwo{
  495. position:fixed;
  496. z-index:90000;
  497. }
  498.  
  499. #borderbgtop, #borderbgleft{
  500. background-color:{color:Background};
  501. }
  502.  
  503. #borderbgtop{
  504. top:0;
  505. left:0;
  506. right:0;
  507. height:30px;
  508. }
  509.  
  510. #borderbgleft{
  511. top:0;
  512. bottom:0;
  513. left:0;
  514. width:30px;
  515. }
  516.  
  517. #topone, #toptwo, #leftone, #lefttwo{
  518. opacity:.7;
  519. }
  520.  
  521. #topone, #leftone{
  522. background-color:{color:Color 1};
  523. }
  524.  
  525. #toptwo, #lefttwo{
  526. background-color:{color:Color 2};
  527. }
  528.  
  529. #topone{
  530. top:5px;
  531. left:0;
  532. right:0;
  533. height:15px;
  534. }
  535.  
  536. #toptwo{
  537. top:25px;
  538. left:0;
  539. right:0;
  540. height:5px;
  541. }
  542.  
  543. #leftone{
  544. top:0;
  545. bottom:0;
  546. left:5px;
  547. width:15px;
  548. }
  549.  
  550. #lefttwo{
  551. top:0;
  552. bottom:0;
  553. left:25px;
  554. width:5px;
  555. }
  556.  
  557. /*----------------------------------------------------------------------*/
  558. body{
  559. text-align:justify;
  560. background-color:{color:Background};
  561. font-family:'caviar_dreamsregular';
  562. font-size:{text:Font Size};
  563. color:{color:Font Color};
  564. }
  565.  
  566. hr{
  567. border:none;
  568. height:1px;
  569. background-color:{color:Font Color};
  570. }
  571.  
  572. h1{
  573. margin-top:5px;
  574. margin-bottom:5px;
  575. padding:5px;
  576. background-color:{color:Color 1};
  577. text-align:center;
  578. text-transform:uppercase;
  579. font-size:25px;
  580. color:{color:Font Color};
  581. }
  582.  
  583. h2{
  584. margin-top:5px;
  585. margin-bottom:5px;
  586. text-align:center;
  587. text-align:center;
  588. font-family:'caviar_dreamsregular';
  589. font-size:15px;
  590. }
  591.  
  592. ul{
  593. font-size:{text:Font Size};
  594. }
  595.  
  596. p{
  597. text-align:justify;
  598. font-size:{text:Font Size};
  599. }
  600.  
  601. a{
  602. text-decoration:none;
  603. color:{color:Color 3};
  604. webkit-transition: all 1s ease;
  605. -moz-transition: all 1s ease;
  606. -o-transition: all 1s ease;
  607. transition:all 1s ease; /*smooth transitions*/
  608. }
  609.  
  610. a:hover{
  611. color:{color:Color 1};
  612. }
  613.  
  614. b{
  615. font-family:'caviar_dreamsbold';
  616. }
  617.  
  618. /*--Change the color of the highlights--*/
  619. ::-moz-selection { /* Code for Firefox */
  620. background:{color:Color 1};
  621. color:{color:Font Color};
  622. }
  623. ::selection{
  624. background:{color:Color 1};
  625. color:{color:Font Color};
  626. }
  627.  
  628. /*Cred to html tutorials*/
  629. ::-webkit-scrollbar-thumb:vertical {
  630. width:7px; /*width of the slider*/
  631. opacity:1;
  632. border:3px solid {color:Background};
  633. background-color:{color:Color 3}; /*color of main scrollbar*/
  634. }
  635. ::-webkit-scrollbar {
  636. background-color:{color:Background}; /*color of the slider*/
  637. width:8px;
  638. opacity:1;
  639. }
  640.  
  641. ::-webkit-scrollbar-corner{
  642. background-color:#FEFEFE;
  643. opacity:0;
  644. }
  645.  
  646. #s-m-t-tooltip {
  647. max-width:150px;
  648. margin:15px 0px 0px 10px;
  649. padding:5px;
  650. border-radius:90px;
  651. background-color:{color:Color 3};
  652. font-size:11px;
  653. color:{color:Font Color};
  654. z-index:99999999999999999999999999999999999;
  655. }
  656.  
  657. #infscr-loading {
  658. display: none !important;
  659. }
  660.  
  661. .tmblr-iframe{
  662. position:fixed;
  663. margin-top:32px;
  664. margin-right:0px;
  665. z-index:10000 !important;
  666. -webkit-filter: invert(100%);
  667. }
  668.  
  669. /*----------------------------------------------------------------------*/
  670. </style>
  671.  
  672. </head>
  673.  
  674.  
  675. <!-------------------What Appears On The Browser Tab--------------------->
  676.  
  677. <title>{Title}</title>
  678.  
  679. <link href="{Favicon}" rel="icon" type="image/x-icon" />
  680. <!---------You can customize this to something differant from your profile pic by putting the url to your desired icon in place of {Favicon}------->
  681.  
  682. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  683. {block:Description}
  684.  
  685. <meta name="description" content="{MetaDescription}" />
  686. {/block:Description}
  687.  
  688. <!----------------------------------------------------------------------->
  689.  
  690.  
  691.  
  692. <!------------------------Masonry Infinite Scroll------------------------>
  693.  
  694. {block:indexpage}
  695. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>
  696. {/block:NextPage}
  697. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  698. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  699. <script type="text/javascript">
  700. $(window).load(function(){
  701. var $wall = $('#container');
  702. $wall.imagesLoaded(function(){
  703. $wall.masonry({
  704. itemSelector: '.entry, .entry_photo',
  705. isAnimated : true
  706. });
  707. });
  708.  
  709. $wall.infinitescroll({
  710. navSelector : '#page-nav',
  711. nextSelector : '#page-nav a',
  712. itemSelector : '.entry, .entry_photo',
  713. bufferPx : 2000,
  714. debug : false,
  715. errorCallback: function() {
  716. $('#infscr-loading').fadeOut('normal');
  717. }},
  718. function( newElements ) {
  719. var $newElems = $( newElements );
  720. $newElems.hide();
  721. $newElems.imagesLoaded(function(){
  722. $wall.masonry( 'appended', $newElems,{isAnimated: true}, function(){$newElems.fadeIn('slow');} );
  723. });
  724. }); $('#content').hide(500);
  725. });
  726. </script>
  727. {/block:indexpage}
  728.  
  729. <!----------------------------------End---------------------------------->
  730.  
  731.  
  732. <body>
  733.  
  734.  
  735.  
  736. <!----------------------------------------------------------------------->
  737. <div id="sidebar">
  738.  
  739. <div id="blogtitle">{Title}</div>
  740. <div id="description">{Description}</div>
  741.  
  742. <div id="links">
  743. <a href="/">Refresh</a>
  744. •
  745. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  746. •
  747. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  748. •
  749. <a href="http://katting.tk">Theme</a>
  750. </div>
  751.  
  752. </div>
  753.  
  754. <!----------------------------------------------------------------------->
  755.  
  756. <div id="container">
  757.  
  758. {block:Posts}
  759. <div class="entry">
  760.  
  761. <!--------------------------------------------------------------->
  762. {block:Text}
  763. <div class="post text">
  764.  
  765. {block:Title}<h1>{Title}</h1>{/block:Title}
  766. <div id="textpostbody">{Body}</div>
  767.  
  768. <div id="posteddate">
  769. Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  770. </div>
  771.  
  772. </div>
  773.  
  774.  
  775. {block:IndexPage}
  776. <div id="textpermalinks">
  777. <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
  778. •
  779. <a href="{ReblogURL}"title="Reblog">Reblog</a>
  780. </div>
  781. {/block:IndexPage}
  782.  
  783. {block:Text}
  784. <!--------------------------------------------------------------->
  785.  
  786.  
  787. <!--------------------------------------------------------------->
  788. {block:Photo}
  789. <div class="post photo">
  790.  
  791. {block:IndexPage}
  792. <div id="photoposts">
  793. <div class="photohovereffect"></div>
  794. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  795. </div>
  796.  
  797. <div id="photopermalinks">
  798. <a href="{Permalink}"><div class="photopermalinks">Details</div></a>
  799. <a href="{ReblogURL}"><div class="photopermalinks">Reblog</div></a>
  800. </div>
  801.  
  802. {block:RebloggedFrom}
  803. <a href="{ReblogParentURL}"><div class="postedfrom">{ReblogParentName}</div></a>
  804. {/block:RebloggedFrom}
  805.  
  806. {block:NotReblog}<div class="postedfrom">{Name}</div>{/block:NotReblog}
  807.  
  808. <div class="postedago">
  809. {TimeAgo} W/{NoteCountWithLabel}
  810. </div>
  811.  
  812. {block:IndexPage}
  813.  
  814. {block:PermalinkPage}
  815. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  816. {/block:PermalinkPage}
  817.  
  818. </div>
  819.  
  820. {/block:Photo}
  821. <!--------------------------------------------------------------->
  822.  
  823.  
  824. <!--------------------------------------------------------------->
  825. {block:Panorama}
  826. <div class="post panorama">
  827. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  828. {LinkCloseTag}
  829.  
  830. <div id="posteddate">
  831. Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  832. </div>
  833.  
  834. </div>
  835.  
  836.  
  837. {block:IndexPage}
  838. <div id="textpermalinks">
  839. <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
  840. •
  841. <a href="{ReblogURL}"title="Reblog">Reblog</a>
  842. </div>
  843. {/block:IndexPage}
  844. {/block:Panorama}
  845. <!--------------------------------------------------------------->
  846.  
  847.  
  848. <!--------------------------------------------------------------->
  849. {block:Photoset}
  850. <div class="post photoset">
  851.  
  852. {block:IndexPage}
  853. {Photoset-250}
  854. {/block:IndexPage}
  855.  
  856. {block:PermalinkPage}
  857. {Photoset-500}
  858. {/block:PermalinkPage}
  859.  
  860. <div id="posteddate">
  861. Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  862. </div>
  863.  
  864. </div>
  865.  
  866.  
  867. {block:IndexPage}
  868. <div id="textpermalinks">
  869. <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
  870. •
  871. <a href="{ReblogURL}"title="Reblog">Reblog</a>
  872. </div>
  873. {/block:IndexPage}
  874. {/block:Photoset}
  875. <!--------------------------------------------------------------->
  876.  
  877.  
  878. <!--------------------------------------------------------------->
  879. {block:Quote}
  880. <div id="post quote">
  881. <div id="textpostbody">
  882. <blockquote>"{Quote}"</blockquote>
  883. <div id="source">{Source}</div>
  884. </div>
  885.  
  886.  
  887. <div id="posteddate">
  888. Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  889. </div>
  890.  
  891. </div>
  892.  
  893.  
  894. {block:IndexPage}
  895. <div id="textpermalinks">
  896. <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
  897. •
  898. <a href="{ReblogURL}"title="Reblog">Reblog</a>
  899. </div>
  900. {/block:IndexPage}
  901. {/block:Quote}
  902. <!--------------------------------------------------------------->
  903.  
  904.  
  905. <!--------------------------------------------------------------->
  906. {block:Link}
  907. <div class="post link">
  908. <a href="{URL}" class="link" {Target} target="blank"><div id="link">{Name}</div></a>
  909.  
  910. <div id="posteddate">
  911. Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  912. </div>
  913.  
  914. </div>
  915.  
  916.  
  917. {block:IndexPage}
  918. <div id="textpermalinks">
  919. <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
  920. •
  921. <a href="{ReblogURL}"title="Reblog">Reblog</a>
  922. </div>
  923. {/block:IndexPage}
  924. {/block:Link}
  925. <!--------------------------------------------------------------->
  926.  
  927.  
  928. <!--------------------------------------------------------------->
  929. {block:Chat}
  930. <div class="post chat">
  931.  
  932. {block:Title}<h1>{Title}</h1>{/block:Title}
  933.  
  934. <div class="chat">
  935. {block:Lines}
  936. <div class="{Alt} user_{UserNumber}">
  937. {block:Label}<b>{Label}</b>{/block:Label}
  938. {Line}
  939. </div>
  940. {block:Lines}
  941. </div>
  942.  
  943. <div id="posteddate">
  944. Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  945. </div>
  946.  
  947. </div>
  948.  
  949.  
  950. {block:IndexPage}
  951. <div id="textpermalinks">
  952. <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
  953. •
  954. <a href="{ReblogURL}"title="Reblog">Reblog</a>
  955. </div>
  956. {/block:IndexPage}
  957. {/block:Chat}
  958. <!--------------------------------------------------------------->
  959.  
  960.  
  961. <!--------------------------------------------------------------->
  962. {block:Video}
  963. <div class="post video">
  964. {block:IndexPage}{Video-250}{/block:IndexPage}
  965. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  966.  
  967. <div id="posteddate">
  968. Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  969. </div>
  970. </div>
  971.  
  972. {block:IndexPage}
  973. <div id="textpermalinks">
  974. <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
  975. •
  976. <a href="{ReblogURL}"title="Reblog">Reblog</a>
  977. </div>
  978. {/block:IndexPage}
  979. {/block:Video}
  980. <!--------------------------------------------------------------->
  981.  
  982.  
  983. <!--------------------------------------------------------------->
  984. {block:Audio}
  985. <div class="post audio">
  986. {block:IndexPage}{AudioEmbed-250}{/block:IndexPage}
  987. {block:PermalinkPage}{AudioEmbed-500}{/block:PermalinkPage}
  988.  
  989. <div id="posteddate">
  990. Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  991. </div>
  992. </div>
  993.  
  994. {block:IndexPage}
  995. <div id="textpermalinks">
  996. <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
  997. •
  998. <a href="{ReblogURL}"title="Reblog">Reblog</a>
  999. </div>
  1000. {/block:IndexPage}
  1001.  
  1002. {/block:Audio}
  1003. <!--------------------------------------------------------------->
  1004.  
  1005.  
  1006. <!--------------------------------------------------------------->
  1007. {block:Answer}
  1008.  
  1009. <div class="question">
  1010. <div class="theasker">
  1011. <table>
  1012. <tr>
  1013. <td><img src="{AskerPortraitURL-64}"></td>
  1014. <td>{Asker} asked:</td>
  1015. </tr>
  1016. </table>
  1017. </div>
  1018. <div class="asked">{Question}</div>
  1019. </div>
  1020.  
  1021. <div class="replies">
  1022. {Answer}
  1023. </div>
  1024.  
  1025. <div id="posteddate">
  1026. Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  1027. </div>
  1028.  
  1029.  
  1030. {block:IndexPage}
  1031. <div id="textpermalinks">
  1032. <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
  1033. •
  1034. <a href="{ReblogURL}"title="Reblog">Reblog</a>
  1035. </div>
  1036. {/block:IndexPage}
  1037. {/block:Answer}
  1038. <!--------------------------------------------------------------->
  1039.  
  1040.  
  1041. <!--------------------------------------------------------------->
  1042. {block:PermalinkPagination}
  1043. {block:PermalinkPage}
  1044.  
  1045. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1046.  
  1047. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  1048.  
  1049. {/block:PermalinkPage}
  1050. {/block:PermalinkPagination}
  1051. <!--------------------------------------------------------------->
  1052. </div>
  1053. {block:Posts}
  1054.  
  1055. </div>
  1056.  
  1057. <!---------------------------------------------------------------------->
  1058.  
  1059. <div id="borderbgtop"></div>
  1060. <div id="borderbgleft"></div>
  1061. <div id="topone"></div>
  1062. <div id="leftone"></div>
  1063. <div id="toptwo"></div>
  1064. <div id="lefttwo"></div>
  1065.  
  1066. <!---------------------------------------------------------------------->
  1067.  
  1068. <style>
  1069. #cred{
  1070. position:fixed;
  1071. z-index:9000;
  1072. bottom:5px;
  1073. right:5px;
  1074. width:15px;
  1075. height:15px;
  1076. padding:5px;
  1077. border-radius:90px;
  1078. background-color:{color:Color 1};
  1079. text-align:center;
  1080. font-size:14px;
  1081. color:{color:Font Color};
  1082. webkit-transition: all 1s ease;
  1083. -moz-transition: all 1s ease;
  1084. -o-transition: all 1s ease;
  1085. transition:all 1s ease; /*smooth transitions*/
  1086. }
  1087. #cred:hover{
  1088. background-color:{color:Color 2};
  1089. }
  1090. </style>
  1091. <a href="http://felinethemes.tumblr.com" title="Feline Themes" target="blank"><div id="cred"><i class="fa fa-paw"></i></div></a>
  1092.  
  1093. <!---------------------------------------------------------------------->
  1094.  
  1095. </body>
  1096.  
  1097. </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!