API tools faq
paste
mkbye

thm 44 — mkbye:celina

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