API tools faq
paste
Advertisement
Katting

Winter Wonderland Theme

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