API tools faq
paste
mkbye

{ theme 48 by celina }

mkbye
Nov 30th, 2015
313
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.54 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10. <!--
  11. theme 48 made by celina aka mkbye :-)
  12. please don't remove credit, or at least put it somewhere else on your blog!
  13. if you're stealing codes, bitch I will find you :))
  14.  
  15. theme created: December 2013
  16. theme edited: November 5 2015
  17. theme posted publicly: November 30 2015
  18.  
  19. links:
  20. http://mkbye.tumblr.com
  21. http://themesbycel.tumblr.com
  22. http://lunarthemers.tumblr.com
  23. -->
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. <html lang="en">
  35. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  36. <html xmlns="http://www.w3.org/1999/xhtml">
  37. <head>
  38. <script type="text/javascript">
  39. WebFontConfig = {
  40. google: { families: [ 'Roboto::latin', 'Dancing+Script::latin', 'Satisfy::latin', 'Cookie::latin', 'Great+Vibes::latin', 'Bad+Script::latin', 'Calligraffitti::latin', 'Allura::latin', 'Parisienne::latin', 'Montez::latin', 'Qwigley::latin', 'Euphoria+Script::latin', 'Rouge+Script::latin', 'Ruthie::latin', 'Raleway:300:latin' ] }
  41. };
  42. (function() {
  43. var wf = document.createElement('script');
  44. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  45. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  46. wf.type = 'text/javascript';
  47. wf.async = 'true';
  48. var s = document.getElementsByTagName('script')[0];
  49. s.parentNode.insertBefore(wf, s);
  50. })(); </script>
  51. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  52. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  53. <script>
  54. (function($){
  55. $(document).ready(function(){
  56. $("a[title]").style_my_tooltips({
  57. tip_follows_cursor:true,
  58. tip_delay_time:10,
  59. tip_fade_speed:10,
  60. attribute:"title"
  61. });
  62. });
  63. })(jQuery);
  64. </script>
  65. <script src="http://static.tumblr.com/p2evvtm/7Lzm07nfv/snowstorm.js"></script>
  66. <script type="text/javascript">
  67. <!--
  68.  
  69. // Disable Right Click Script
  70.  
  71. function IE(e)
  72. {
  73. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  74. {
  75. return false;
  76. }
  77. }
  78. function NS(e)
  79. {
  80. if (document.layers || (document.getElementById && !document.all))
  81. {
  82. if (e.which == "2" || e.which == "3")
  83. {
  84. return false;
  85. }
  86. }
  87. }
  88. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  89.  
  90. //-->
  91. </script>
  92.  
  93.  
  94. <script type="text/javascript"
  95. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  96.  
  97. <!--DEFAULT VARIABLES-->
  98. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  99. <meta name="color:background" content="#f4f4f4"/>
  100. <meta name="color:link" content="#777"/>
  101. <meta name="color:text" content="#414141"/>
  102. <meta name="color:title" content="#333"/>
  103. <meta name="color:hover" content="#fff"/>
  104.  
  105. <meta name="image:vertical" content="1"/>
  106.  
  107. <meta name="if:black and white image" content="0"/>
  108. <meta name="if:grayscale images" content="1"/>
  109.  
  110. <meta name="color:border1" content="#fff"/>
  111. <meta name="color:border2" content="#000"/>
  112. <meta name="color:border3" content="#ddd"/>
  113. <meta name="color:sidebar" content="#ddd"/>
  114. <meta name="color:blogtitle" content="#000"/>
  115. <meta name="color:bars" content="#000"/>
  116. <meta name="color:colour of snow" content="#fff"/>
  117. <meta name="color:sidebar link text" content="#fff"/>
  118.  
  119. <meta name="text:blogtitle" content="blogtitle"/>
  120. <meta name="text:blogtitle size" content="20"/>
  121. <meta name="text:name or second blogtitle" content="blogtitle"/>
  122. <meta name="text:name" content="celina"/>
  123. <meta name="text:stats" content="2 out of 5000"/>
  124.  
  125. <meta name="text:link 1" content="/"/>
  126. <meta name="text:link 1 msg" content="the north pole"/>
  127. <meta name="text:link 2" content="/"/>
  128. <meta name="text:link 2 msg" content="letters"/>
  129. <meta name="text:link 3" content="/"/>
  130. <meta name="text:link 3 msg" content="lists"/>
  131. <meta name="text:link 4" content="/"/>
  132. <meta name="text:link 4 msg" content="photos"/>
  133. <meta name="text:link 5" content="/"/>
  134. <meta name="text:link 5 msg" content="archive"/>
  135.  
  136. <style type="text/css">
  137.  
  138. #s-m-t-tooltip {
  139. max-width:300px;
  140. padding:4px;
  141. margin:20px 0px 0px 20px;
  142. background:{color:title};
  143. letter-spacing:0px; /* change the letter spacing */
  144. color:white; /* change the text color */
  145. font-size:10px;
  146. text-transform:lowercase;
  147. border:1px solid white;
  148. z-index:999999999999999999999999999999999999;
  149. }
  150.  
  151. ::-webkit-scrollbar {width: 5px; height: 5px; background: #FFFFFF;}
  152. ::-webkit-scrollbar-thumb {background-color:{color:border2};}
  153.  
  154. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  155.  
  156. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  157.  
  158. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  159.  
  160. p {
  161. margin:0px;
  162. margin-top:0px;
  163. }
  164.  
  165.  
  166. body {
  167. padding: 0px;
  168. margin: 0px;
  169. color:{color:text};
  170. font-family:arial;
  171. line-height:15px;
  172. font-size:10px;
  173. background-color: {color:Background};
  174. }
  175.  
  176. a:link, a:active, a:visited{
  177. text-decoration: none;
  178. -webkit-transition: color 0.3s ease-out;
  179. -moz-transition: color 0.3s ease-out;
  180. transition: color 0.3s ease-out;
  181. color:{color:link};
  182. }
  183.  
  184. a:hover {
  185. text-decoration: none;
  186. font-style:;
  187. color: {color:Hover};
  188. }
  189.  
  190. div#center{
  191. margin:auto;
  192. position:relative;
  193. width:1250px;
  194. background-color:;
  195. overflow:auto;
  196. overflow-y:hidden;
  197. }
  198.  
  199. .entry {
  200. float:left;
  201. display: block;
  202. margin:20px;
  203. overflow:hidden;
  204. width:250px;
  205. border:1px solid #dddddd;
  206. padding:15px;
  207. padding-bottom:13px;
  208. {block:PermalinkPage}
  209. width:450px;
  210. text-align:left;
  211. line-height:10px;
  212. {/block:PermalinkPage}
  213. background:white;
  214. background-image:URL();
  215.  
  216. }
  217.  
  218. .entry img{
  219. width:233px;
  220. padding:8px;
  221. background:#efefef;
  222. border:1px solid #dddddd;
  223. {block:PermalinkPage}
  224. width:433px;
  225. {/block:PermalinkPage}
  226. {block:ifgrayscaleimages}
  227. -webkit-filter:grayscale(.8);
  228. {/block:ifgrayscaleimages}
  229. }
  230.  
  231.  
  232.  
  233. .entry .perma{
  234. position: absolute;
  235. width:250px;
  236. height:100%;
  237. margin-left:0px;
  238. top:0px;
  239. z-index:99999;
  240. line-height:16px;
  241. overflow:hidden;
  242. text-align:center;
  243. background:white;
  244. opacity:0;
  245. -webkit-transition: all .7s ease;
  246. -moz-transition: all .7s ease;
  247. -o-transition: all .7s ease;
  248. transition: all .7s ease;
  249. }
  250.  
  251. .entry:hover .perma{
  252. overflow:visible;
  253. opacity:.5;
  254. }
  255.  
  256. .perma2{
  257. position: absolute;
  258. z-index:99999;
  259. width:100px;
  260. height:auto;
  261. margin-left:65px;
  262. top:40%;
  263. overflow:hidden;
  264. text-align:center;
  265. background:white;
  266. padding:10px;
  267. font-style:italic;
  268. opacity:0;
  269. color:#000;
  270. border:1px solid {color:title};
  271. font-size:9.5px;
  272. -webkit-transform:scale(0);
  273. -webkit-transition: all .7s ease;
  274. -moz-transition: all .7s ease;
  275. -o-transition: all .7s ease;
  276. transition: all .7s ease;
  277. }
  278.  
  279. .perma2 a{
  280. color:#000;
  281. }
  282.  
  283. .entry:hover .perma2{
  284. overflow:visible;
  285. opacity:1;
  286. -webkit-transform:scale(1);
  287. outline:5px solid white;
  288. outline-offset:5px;
  289. }
  290.  
  291. #posts {
  292. width:800px;
  293. margin-top:50px;
  294. z-index:99;
  295. margin-left:425px;
  296. position:relative;
  297. overflow-y: hidden;
  298. }
  299.  
  300. #sidebar{
  301. position:fixed !important;
  302. width:200px;
  303. height:270px;
  304. margin-top:110px;
  305. margin-left:120px;
  306. text-align:center;
  307. background:transparent;
  308. border:2px solid transparent;
  309. border-radius:10px;
  310. opacity:1;
  311. -webkit-transition: all .7s ease;
  312. -moz-transition: all .7s ease;
  313. -o-transition: all .7s ease;
  314. transition: all .7s ease;
  315. }
  316.  
  317. #sidebar:hover{
  318. opacity:1;
  319. border:2px solid transparent;
  320. border-radius:10px;
  321. }
  322.  
  323. #sidebartop{
  324. position:fixed !important;
  325. z-index:99999;
  326. margin-left:-120px;
  327. opacity:1;
  328. -webkit-transition: all .7s ease;
  329. -moz-transition: all .7s ease;
  330. -o-transition: all .7s ease;
  331. transition: all .7s ease;
  332. }
  333.  
  334. #sidebartop img{
  335. position:fixed !important;
  336. width:450px;
  337. margin-top:-74px;
  338. margin-left:0px;
  339. text-align:center;
  340. z-index:999999;
  341. opacity:1;
  342. -webkit-transition: all .7s ease;
  343. -moz-transition: all .7s ease;
  344. -o-transition: all .7s ease;
  345. transition: all .7s ease;
  346. }
  347.  
  348. #sidebar:hover #sidebartop img{
  349. margin-top:-265px;
  350. opacity:0;
  351. }
  352.  
  353. #sidebarbottom{
  354. position:fixed !important;
  355. z-index:99999;
  356. margin-left:-120px;
  357. -webkit-transition: all .7s ease;
  358. -moz-transition: all .7s ease;
  359. -o-transition: all .7s ease;
  360. transition: all .7s ease;
  361. }
  362.  
  363. #sidebarbottom img{
  364. position:fixed !important;
  365. width:450px;
  366. margin-top:-73px;
  367. margin-left:0px;
  368. text-align:center;
  369. opacity:1;
  370. -webkit-transition: all .7s ease;
  371. -moz-transition: all .7s ease;
  372. -o-transition: all .7s ease;
  373. transition: all .7s ease;
  374. }
  375.  
  376. #sidebarhover{
  377. position:fixed !important;
  378. width:255px;
  379. height:210px;
  380. margin-top:50px;
  381. margin-left:-30px;
  382. text-align:center;
  383. background:{color:sidebar};
  384. border:2px solid transparent;
  385. outline:1px solid white;
  386. outline-offset:-5px;
  387. opacity:0;
  388. -webkit-transition: all .7s ease;
  389. -moz-transition: all .7s ease;
  390. -o-transition: all .7s ease;
  391. transition: all .7s ease;
  392. }
  393.  
  394. #sidebar:hover #sidebarhover{
  395. opacity:1;
  396. margin-top:10px;
  397. }
  398.  
  399. #pic{
  400. position:fixed !important;
  401. z-index:99999999999999;
  402. margin-top:150px;
  403. margin-left:-10px;
  404. width:100px;
  405. height:150px;
  406. border:3px solid {color:border2};
  407. background:white;
  408. -webkit-transform:rotate(-5deg);
  409. opacity:1;
  410. -webkit-transition: all .7s ease;
  411. -moz-transition: all .7s ease;
  412. -o-transition: all .7s ease;
  413. transition: all .7s ease;
  414. }
  415.  
  416. #pic img{
  417. width:100px;
  418. height:150px;
  419. {block:ifblackandwhiteimage}
  420. -webkit-filter:grayscale(100%);
  421. {/block:ifblackandwhiteimage}
  422. outline:1px solid white;
  423. outline-offset:-5px;
  424. }
  425.  
  426. #sidebar:hover #pic{
  427. opacity:0;
  428. margin-left:-320px;
  429. }
  430.  
  431. #blogtitle{
  432. position:fixed !important;
  433. z-index:9999999999999999;
  434. width:260px;
  435. margin-left:-30px;
  436. margin-top:260px;
  437. font-family:rouge script;
  438. font-size:60px;
  439. color:white;
  440. text-shadow:-2px 0 {color:blogtitle}, 0 1px {color:blogtitle}, 1px 0 {color:blogtitle}, 0 -1px {color:blogtitle};
  441. opacity:1;
  442. -webkit-transition: all .7s ease;
  443. -moz-transition: all .7s ease;
  444. -o-transition: all .7s ease;
  445. transition: all .7s ease;
  446. }
  447.  
  448. #sidebar:hover #blogtitle{
  449. opacity:0;
  450. margin-left:200px;
  451. }
  452.  
  453. #flash{
  454. position:fixed;
  455. margin-top:68px;
  456. margin-left:-150px;
  457. opacity:0;
  458. -webkit-transition: all .7s ease;
  459. -moz-transition: all .7s ease;
  460. -o-transition: all .7s ease;
  461. transition: all .7s ease;
  462. }
  463.  
  464. #flash img{
  465. width:120px;
  466. -webkit-transform:rotate(90deg);
  467. }
  468.  
  469. #sidebar:hover #flash{
  470. opacity:1;
  471. margin-left:-50px;
  472. }
  473.  
  474. #descbox{
  475. position:fixed !important;
  476. z-index:99999;
  477. width:170px;
  478. height:90px;
  479. margin-top:40px;
  480. margin-left:30px;
  481. border-radius:5px;
  482. border:1px solid #dddddd;
  483. background:white;
  484. opacity:0;
  485. transform: scale(1.1);
  486. -ms-transform: scale(1.1);
  487. -webkit-transform: scale(1.1);
  488. -webkit-transition: all .7s ease;
  489. -moz-transition: all .7s ease;
  490. -o-transition: all .7s ease;
  491. transition: all .7s ease;
  492. }
  493.  
  494. #sidebar:hover #descbox{
  495. opacity:1;
  496. transform: scale(1);
  497. -ms-transform: scale(1);
  498. -webkit-transform: scale(1);
  499. }
  500.  
  501. #name{
  502. position:fixed !important;
  503. width:210px;
  504. z-index:999999999999999;
  505. text-align:left;
  506. margin-top:20px;
  507. margin-left:0px;
  508. text-transform:lowercase;
  509. font-weight:bold;
  510. color:{color:title};
  511. font-size:{text:blogtitle size}px;
  512. letter-spacing:-2px;
  513. padding-left:5px;
  514. }
  515.  
  516. #bar4{
  517. position:fixed !important;
  518. height:40px;
  519. width:3px;
  520. margin-top:40px;
  521. margin-left:0px;
  522. opacity:0.8;
  523. border-top-right-radius:10px;
  524. border-bottom-right-radius:10px;
  525. background:{color:title};
  526. }
  527.  
  528. #desc{
  529. position:fixed !important;
  530. z-index:99999999999999999999999;
  531. height:40px;
  532. overflow:auto;
  533. width:155px;
  534. padding:5px;
  535. text-align:center;
  536. margin-top:35px;
  537. margin-left:0px;
  538. line-height:11px;
  539. font-size:10px;
  540. overflow:auto;
  541. padding-right:10px;
  542. }
  543.  
  544. #navibar{
  545. position:fixed;
  546. z-index:9999999999;
  547. width:250px;
  548. height:auto;
  549. margin-left:-30px;
  550. margin-top:240px;
  551. background:transparent;
  552. line-height:15px;
  553. font-size:13px;
  554. font-family:dancing script;
  555. padding:5px;
  556. color:{color:border3};
  557. opacity:1px;
  558. transform: scale(0);
  559. -ms-transform: scale(0);
  560. -webkit-transform: scale(0);
  561. -webkit-transition: all .7s ease;
  562. -moz-transition: all .7s ease;
  563. -o-transition: all .7s ease;
  564. transition: all .7s ease;
  565. }
  566.  
  567. #navibar a{
  568. padding:5px;
  569. color:{color:sidebar link text};
  570. }
  571.  
  572. #sidebar:hover #navibar{
  573. opacity:1;
  574. transform: scale(1);
  575. -ms-transform: scale(1);
  576. -webkit-transform: scale(1);
  577. }
  578.  
  579. #cesw img{
  580. position:fixed !important;
  581. width: 290px;
  582. margin-top:-10px;
  583. margin-left:-130px;
  584. opacity:0;
  585. transition: all .5s ease-out;
  586. -o-transition-transition: all .5s ease-out;
  587. -webkit-transition: all .5s ease-out;
  588. }
  589.  
  590. #sidebar:hover #cesw img{
  591. opacity:1;
  592. }
  593.  
  594.  
  595. #xmas img{
  596. position:fixed;
  597. z-index:9999999;
  598. width:265px;
  599. margin-left:-135px;
  600. margin-top:150px;
  601. opacity:0;
  602. -webkit-transition: all .7s ease;
  603. -moz-transition: all .7s ease;
  604. -o-transition: all .7s ease;
  605. transition: all .7s ease;
  606. }
  607.  
  608. #sidebar:hover #xmas img{
  609. opacity:1;
  610. }
  611.  
  612. #left{
  613. position:fixed !important;
  614. z-index:9999;
  615. width:20px;
  616. height:100%;
  617. top:0px;
  618. left:0px;
  619. background:{color:bars};
  620. }
  621.  
  622. #top{
  623. position:fixed !important;
  624. z-index:9999;
  625. width:100%;
  626. height:20px;
  627. top:0px;
  628. left:0px;
  629. background:{color:bars};
  630. }
  631.  
  632. #bottom{
  633. position:fixed !important;
  634. z-index:9999;
  635. width:100%;
  636. height:20px;
  637. bottom:0px;
  638. left:0px;
  639. background:{color:bars};
  640. }
  641.  
  642. #right{
  643. position:fixed !important;
  644. z-index:9999;
  645. width:20px;
  646. height:100%;
  647. top:0px;
  648. right:0px;
  649. background:{color:bars};
  650. }
  651.  
  652. #swipe img{
  653. position:fixed !important;
  654. width:450px;
  655. margin-top:70px;
  656. margin-left:0px;
  657. opacity:1;
  658. }
  659.  
  660. #textnotes{
  661. position:relative;
  662. width:241px;
  663. height:10px;
  664. padding:4px;
  665. text-align:center;
  666. line-height:10px;
  667. color:{color:sidebar};
  668. background:#f4f4f4;
  669. border:1px solid {color:sidebar};
  670. font-size:9px;
  671. text-transform:uppercase;
  672. }
  673.  
  674. #textnotes a{
  675. color:{color:text};
  676. }
  677.  
  678. #stats{
  679. position:fixed;
  680. bottom:30px;
  681. left:30px;
  682. background:{color:bars};
  683. color:{color:sidebar link text};
  684. height:10px;
  685. width:auto;
  686. padding:5px;
  687. font-size:9px;
  688. line-height:10px;
  689. -webkit-transition: all .7s ease;
  690. -moz-transition: all .7s ease;
  691. -o-transition: all .7s ease;
  692. transition: all .7s ease;
  693. }
  694.  
  695. #stats a{
  696. color:{color:sidebar link text};
  697. }
  698.  
  699. #stats:hover{
  700. background:{color:sidebar};
  701. }
  702.  
  703. #question{
  704. width:230px;
  705. height:auto;
  706. background:#f4f4f4;
  707. padding:10px;
  708. text-align:justify;
  709. border-radius:5px;
  710. {block:permalinkpage}
  711. width:430px;
  712. {/block:permalinkpage}}
  713.  
  714. #answer{
  715. width:230px;
  716. height:auto;
  717. background:{color:title};
  718. padding:10px;
  719. text-align:justify;
  720. border-radius:5px;
  721. {block:permalinkpage}
  722. width:430px;
  723. {/block:permalinkpage}}
  724.  
  725. #answer a{
  726. color:{color:sidebar link text};
  727. }
  728.  
  729.  
  730.  
  731. .title{
  732. line-height: 28px;
  733. font-size:20px;
  734. color:{color:Title};
  735. font-weight: normal;
  736. font-family:cookie;
  737. }
  738.  
  739.  
  740. .permalink{
  741. text-transform: normal;
  742. display: block;
  743. text-align: right;
  744. text-decoration: none;
  745. }
  746.  
  747. #tdcd{
  748. position:fixed;
  749. bottom:5px;
  750. z-index:99999;
  751. right:5px;
  752. background:white;
  753. border:1px solid #eee;
  754. width:30px;
  755. height:30px;
  756. -webkit-transition: all .7s ease;
  757. -moz-transition: all .7s ease;
  758. -o-transition: all .7s ease;
  759. transition: all .7s ease;
  760. }
  761.  
  762. #tdcd:hover{
  763. right:75px;
  764. }
  765.  
  766.  
  767. #cr{
  768. position:fixed;
  769. bottom:5px;
  770. z-index:99999;
  771. background:white;
  772. border:1px solid #eee;
  773. width:70px;
  774. height:30px;
  775. right:-70px;
  776. font-size:8px;
  777. text-align:center;
  778. line-height:30px;
  779. font-weight:bold;
  780. -webkit-transition: all .7s ease;
  781. -moz-transition: all .7s ease;
  782. -o-transition: all .7s ease;
  783. transition: all .7s ease;
  784. }
  785.  
  786. #tdcd:hover #cr{
  787. right:0px;
  788. }
  789.  
  790. #cr a{
  791. color:{color:blogtitle};
  792. }
  793.  
  794. #albumart img{
  795. width:70px;
  796. height:70px;
  797. border:2px solid {color:blogtitle};
  798. outline:1px solid white;
  799. outline-offset:-15px;
  800. }
  801.  
  802. .title2{
  803. line-height:30px;
  804. font-family:dancing script;
  805. font-size:15px;
  806. color:{color:Title};
  807. font-weight: normal;
  808. margin-top:-70px;
  809. margin-left:100px;
  810. text-align:center;
  811. }
  812.  
  813. .title3{
  814. font-weight: normal;
  815. margin-top:0px;
  816. margin-left:100px;
  817. text-align:center;
  818. font-family:raleway;
  819. font-size:12px;
  820. letter-spacing:1px;
  821. text-transform:uppercase;
  822. }
  823.  
  824. #infscr-loading{
  825. bottom: -70px;
  826. position: absolute;
  827. left: 50%;
  828. margin-left:-8px;
  829. width:16px;
  830. height:11px;
  831. overflow:hidden;
  832. margin-bottom: 50px;
  833. }
  834.  
  835. #postnotes{
  836. text-align: justify;}
  837.  
  838. #postnotes blockquote{
  839. border: 0px;}
  840.  
  841. blockquote{
  842. padding:0px 0px 2px 5px;
  843. margin:0px 0px 2px 10px;
  844. border-left: 1px dotted #555555;
  845. }
  846.  
  847. blockquote p, ul{
  848. margin:0px;
  849. padding:0px;
  850. }
  851.  
  852. a img{border: 0px;}
  853.  
  854.  
  855. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  856.  
  857. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  858. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  859.  
  860. .notes img{width:10px; position:relative; top:3px;margin:5px;padding:0px;border-radius:100px;border:1px solid {color:title};}
  861. <--ses-->
  862. small{font-size: 90%;}
  863.  
  864. {CustomCSS}
  865.  
  866. </style>
  867.  
  868. {block:IndexPage}
  869. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  870. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  871. <script type="text/javascript" src="http://static.tumblr.com/tk7f1db/vGfn06hpd/document.txt"></script>
  872. <script>
  873. snowStorm.snowColor = '{color:colour of snow}'; // Snow Color
  874. snowStorm.flakesMaxActive = 96; // Amount of Snowflakes Falling
  875. snowStorm.flakeBottom = null; // Snowflakes piling up on bottom of your screen?
  876. </script>
  877. <script type="text/javascript">
  878. $(window).load(function(){
  879. var $wall = $('#posts');
  880. $wall.imagesLoaded(function(){
  881. $wall.masonry({
  882. itemSelector: '.entry, .entry_photo',
  883. isAnimated : false
  884. });
  885. });
  886.  
  887. $wall.infinitescroll({
  888. navSelector : '#pagination',
  889. nextSelector : '#pagination a',
  890. itemSelector : '.entry, .entry_photo',
  891. bufferPx : 2000,
  892. debug : false,
  893. errorCallback: function() {
  894. $('#infscr-loading').fadeOut('normal');
  895. }},
  896. function( newElements ) {
  897. var $newElems = $( newElements );
  898. $newElems.hide();
  899. $newElems.imagesLoaded(function(){
  900. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  901. });
  902. }); $('#posts').show(500);
  903. });
  904. </script>
  905.  
  906.  
  907. {/block:IndexPage}
  908.  
  909.  
  910. <title>{title}</title>
  911.  
  912. <link rel="shortcut icon" href="{Favicon}" />
  913. <meta name="viewport" content="width=820" />
  914. </head>
  915.  
  916. <body>
  917. <BODY onselectstart="return false;" ondragstart="return false;">
  918. <div class="wrapper">
  919. <div class="header">
  920. </div>
  921.  
  922. <div id="cage">
  923. <div id="center">
  924.  
  925. <div id="top"></div>
  926. <div id="bottom"></div>
  927. <div id="left"></div>
  928. <div id="right"></div>
  929.  
  930. <div id="swipe"><img src="http://25.media.tumblr.com/514cd8a4b94562295186de0a77e6020f/tumblr_mes7xbezFf1rlenn9o1_500.png"></div>
  931.  
  932. <div id="sidebar">
  933. <div id="sidebartop"><img src="http://oi39.tinypic.com/2z735g9.jpg"></div>
  934. <div id="sidebarbottom"><img src="http://oi43.tinypic.com/28btx7a.jpg">
  935. </div>
  936. <div id="sidebarhover"></div>
  937.  
  938. <div id="pic"><img src="{image:vertical}"></div>
  939. <div id="blogtitle">{text:blogtitle}</div>
  940.  
  941. <div id="cesw"><img src="http://th08.deviantart.net/fs70/PRE/f/2012/250/4/3/stock___snow_3_by_jassy2012-d5duo6m.png"></div>
  942.  
  943. <div id="descbox">
  944. <div id="name">{text:name or second blogtitle}.</div>
  945. <div id="bar4"></div>
  946. <div id="desc">{description}</div>
  947. </div>
  948.  
  949. <div id="flash"><img src="http://49.media.tumblr.com/9aef58cb857a141c4cd808d7994c52fe/tumblr_mf67aoX6kX1rldjw0o1_250.gif"></div>
  950.  
  951. <div id="navibar">
  952. <a href="{text:link 1}" style="background:{color:border1};border-radius:3px;">{text:link 1 msg}</a>
  953. <a href="{text:link 2}" style="background:{color:border2};border-radius:3px;">{text:link 2 msg}</a>
  954. <a href="{text:link 3}" style="background:{color:border3};border-radius:3px;">{text:link 3 msg}</a>
  955. <a href="{text:link 4}" style="background:{color:blogtitle};border-radius:3px;">{text:link 4 msg}</a>
  956. <a href="{text:link 5}" style="background:{color:bars};border-radius:3px;">{text:link 5 msg}</a>
  957. </div>
  958.  
  959. <div id="xmas"><img src="http://40.media.tumblr.com/2a5e55b387e8898e625bd867bc03b5fb/tumblr_meyhvbyEot1rldjw0o1_400.png"></div>
  960. </div>
  961.  
  962. <div id="stats">{text:stats}</div>
  963.  
  964. <div id="tdcd"><img src="http://icons.iconarchive.com/icons/benzlee/free-christmas/128/snowman-icon.png" style="width:30px;height:30px;"></a>
  965. <div id ="cr"><a href="http://mkbye.tumblr.com">theme by mkbye</a></div>
  966. </div>
  967.  
  968. <div class="left">
  969. <div id="posts">
  970. {block:Posts}
  971. <div class="entry">
  972.  
  973. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  974.  
  975.  
  976. </br>
  977. {block:IndexPage}
  978. <div id="textnotes">
  979. <a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a>
  980. </div>
  981. {/block:IndexPage}
  982.  
  983. {block:PermalinkPage}
  984. <div id="textnotes" style="width:440px;height:auto;"><a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a> ❅ <b>Via: </b>{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  985. {block:HasTags}<b>Tags:</b> {block:Tags}
  986. <a href="{TagURL}">{Tag},</a>
  987. {/block:Tags}{/block:HasTags}
  988. </div>
  989. {/block:PermalinkPage}
  990.  
  991. {/block:Text}
  992.  
  993.  
  994. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  995.  
  996. </br>
  997. {block:IndexPage}
  998. <div id="textnotes" style="border:1px solid {color:border1};color:{color:border1};">
  999. <a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a>
  1000. </div>
  1001. {/block:IndexPage}
  1002.  
  1003. {block:PermalinkPage}
  1004. <div id="textnotes" style="width:440px;height:auto;border:1px solid {color:border1};color:{color:border1};"><a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a> ❅ <b>Via: </b>{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  1005. {block:HasTags}<b>Tags:</b> {block:Tags}
  1006. <a href="{TagURL}">{Tag},</a>
  1007. {/block:Tags}{/block:HasTags}
  1008. </div>
  1009. {/block:PermalinkPage}
  1010.  
  1011. {block:Link}
  1012.  
  1013.  
  1014. {block:Photo}
  1015. {block:IndexPage}
  1016. <center>
  1017.  
  1018. <div class="perma"></div>
  1019. <div class="perma2">
  1020. <a href="{ReblogURL}" target="_blank"> reblog this post </a> </br>
  1021. {block:NoteCount}<a href="{permalink}">{notecountwithlabel}</a>{/block:NoteCount}</br>
  1022. posted <a href="/" title="{timeago}">{DayOfMonthWithZero} {ShortDayOfWeek}</a>
  1023. </div>
  1024.  
  1025. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1026. {/block:IndexPage}
  1027. {block:PermalinkPage}
  1028. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1029. {LinkCloseTag}</br>
  1030.  
  1031. <div id="textnotes" style="width:440px;height:auto;"><a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a> ❅ <b>Via: </b>{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  1032. {block:HasTags}<b>Tags:</b> {block:Tags}
  1033. <a href="{TagURL}">{Tag},</a>
  1034. {/block:Tags}{/block:HasTags}
  1035. </div>
  1036. </br>
  1037. {caption}
  1038. </br>
  1039. {/block:PermalinkPage}
  1040. {/block:Photo}
  1041.  
  1042.  
  1043. {block:Photoset}
  1044. {block:IndexPage}
  1045. <center>
  1046. {Photoset-250}</center></br>
  1047.  
  1048. <div id="textnotes" style="border:1px solid {color:border2};color:{color:border2};">
  1049. <a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a>
  1050. </div>
  1051.  
  1052. {/block:IndexPage}
  1053. {block:PermalinkPage}
  1054. <center>
  1055. {Photoset-400}</center>
  1056. </br>
  1057. <div id="textnotes" style="width:440px;height:auto;border:1px solid {color:border2};color:{color:border2};"><a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a> ❅ <b>Via: </b>{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  1058. {block:HasTags}<b>Tags:</b> {block:Tags}
  1059. <a href="{TagURL}">{Tag},</a>
  1060. {/block:Tags}{/block:HasTags}
  1061. </div>
  1062. </br>
  1063. {caption}
  1064. </br>
  1065. {/block:PermalinkPage}
  1066. {/block:Photoset}
  1067.  
  1068.  
  1069.  
  1070. {block:Answer}
  1071. <div id="question">
  1072. <font style="color:{color:blogtitle}; text-transform:uppercase; font-style: italic;"><b>{Asker}</b></font>: {question}</div>
  1073.  
  1074. <div style="padding:5px;"></div>
  1075.  
  1076. <div id="answer"><font style="color:{color:sidebar link text}; text-transform:uppercase; font-style: italic;"><b>{text:name}</b></font><font style="color:{color:sidebar link text}">: {answer}</font></div><div style="padding:5px;"></div>
  1077.  
  1078. {block:IndexPage}
  1079. <div id="textnotes" style="border:1px solid {color:border2};color:{color:border2};">
  1080. <a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a>
  1081. </div>
  1082. {/block:IndexPage}
  1083.  
  1084. {block:PermalinkPage}
  1085. <div id="textnotes" style="width:440px;height:auto;border:1px solid {color:link};color:{color:link};"><a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a> ❅ <b>Via: </b>{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  1086. {block:HasTags}<b>Tags:</b> {block:Tags}
  1087. <a href="{TagURL}">{Tag},</a>
  1088. {/block:Tags}{/block:HasTags}
  1089. </div>
  1090. {/block:PermalinkPage}
  1091. {/block:Answer}
  1092.  
  1093.  
  1094.  
  1095. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  1096.  
  1097. </br>
  1098. {block:IndexPage}
  1099. <div id="textnotes" style="border:1px solid {color:border2};color:{color:border2};">
  1100. <a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a>
  1101. </div>
  1102. {/block:IndexPage}
  1103.  
  1104. {block:PermalinkPage}
  1105. <div id="textnotes" style="width:440px;height:auto;border:1px solid {color:border2};color:{color:border2};"><a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a> ❅ <b>Via: </b>{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  1106. {block:HasTags}<b>Tags:</b> {block:Tags}
  1107. <a href="{TagURL}">{Tag},</a>
  1108. {/block:Tags}{/block:HasTags}
  1109. </div>
  1110. {/block:PermalinkPage}
  1111.  
  1112. {/block:Quote}
  1113.  
  1114.  
  1115. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1116. <ul class="chat">
  1117. {block:Lines}
  1118. <li class="user_{UserNumber}">
  1119. {block:Label}
  1120. <span class="label">{Label}</span>
  1121. {/block:Label}
  1122. {Line}
  1123. </li>
  1124. {/block:Lines}
  1125.  
  1126. </br>
  1127. {block:IndexPage}
  1128. <div id="textnotes" style="border:1px solid {color:border3};color:{color:border3};">
  1129. <a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a>
  1130. </div>
  1131. {/block:IndexPage}
  1132.  
  1133. {block:PermalinkPage}
  1134. <div id="textnotes" style="width:440px;height:auto;border:1px solid {color:border3};color:{color:border3};"><a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a> ❅ <b>Via: </b>{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  1135. {block:HasTags}<b>Tags:</b> {block:Tags}
  1136. <a href="{TagURL}">{Tag},</a>
  1137. {/block:Tags}{/block:HasTags}
  1138. </div>
  1139. {/block:PermalinkPage}
  1140.  
  1141. {/block:Chat}
  1142.  
  1143.  
  1144. {block:Audio}
  1145. {block:AlbumArt}
  1146. <div id="albumart"><img src="{AlbumArtURL}"></div>
  1147. {/block:AlbumArt}
  1148. {block:TrackName}
  1149. <div class="title2">{TrackName}</div>
  1150. {/block:TrackName}
  1151. {block:Artist}
  1152. <div class="title3">{Artist}</div>
  1153. {/block:Artist}
  1154.  
  1155. <div style="border:1px solid #ddd; height:30px; margin-top:35px; margin-left:0px;">
  1156. {AudioPlayerWhite}
  1157. </div>
  1158.  
  1159. </br>
  1160. {block:IndexPage}
  1161. <div id="textnotes" style="border:1px solid {color:blogtitle};color:{color:blogtitle};">
  1162. <a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a>
  1163. </div>
  1164. {/block:IndexPage}
  1165.  
  1166. {block:PermalinkPage}
  1167. <div id="textnotes" style="width:440px;height:auto;border:1px solid {color:blogtitle};color:{color:blogtitle};"><a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a> ❅ <b>Via: </b>{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  1168. {block:HasTags}<b>Tags:</b> {block:Tags}
  1169. <a href="{TagURL}">{Tag},</a>
  1170. {/block:Tags}{/block:HasTags}
  1171. </div>
  1172. </br>
  1173. {caption}
  1174. </br>
  1175. {/block:PermalinkPage}
  1176.  
  1177. {/block:Audio}
  1178.  
  1179.  
  1180. {block:Video}
  1181. {block:IndexPage}
  1182. <center>
  1183. {Video-250}</center></br>
  1184.  
  1185. <div id="textnotes" style="border:1px solid {color:border2};color:{color:border2};">
  1186. <a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a>
  1187. </div>
  1188.  
  1189. {/block:IndexPage}
  1190. {block:PermalinkPage}
  1191. <center>
  1192. {Video-400}</center>
  1193. </br>
  1194. <div id="textnotes" style="width:440px;height:auto;border:1px solid {color:border2};color:{color:border2};"><a href="{ReblogURL}">{block:NoteCount}{Notecount}N.{/block:Notecount}</a> ❅ <a href="{Permalink}">{timeago}</a> ❅ <b>Via: </b>{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</br>
  1195. {block:HasTags}<b>Tags:</b> {block:Tags}
  1196. <a href="{TagURL}">{Tag},</a>
  1197. {/block:Tags}{/block:HasTags}
  1198. </div>
  1199. </br>
  1200. {caption}
  1201. </br>
  1202. {/block:PermalinkPage}
  1203.  
  1204. {block:Video}
  1205.  
  1206.  
  1207. {block:PostNotes}
  1208. <div style="padding:5px"></div>
  1209. <div id="postnotes"><div style="height:auto; max-height:300px;overflow:auto; padding:10px;font-size:9px;">{PostNotes}</div></div><br>
  1210. {/block:PostNotes}
  1211.  
  1212.  
  1213. </div>
  1214. {/block:Posts}
  1215. </div></div>
  1216.  
  1217.  
  1218. {block:IndexPage}
  1219. {block:Pagination}
  1220. <div id="pagination">
  1221. {block:NextPage}
  1222. <a id="nextPage" href="{NextPage}"></a>
  1223. {/block:NextPage}
  1224. {block:PreviousPage}
  1225. <a href="{PreviousPage}"></a>
  1226. {/block:PreviousPage}
  1227. </div>
  1228. {/block:Pagination}
  1229. {/block:IndexPage}
  1230. </body>
  1231. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!