API tools faq
paste
mkbye

thm 36 — mkbye:celina

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