API tools faq
paste
Advertisement
Katting

Christmas Eve Theme

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