API tools faq
paste
mkbye

thm 32 — mkbye:celina

mkbye
Jun 26th, 2015
349
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.56 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5. <!--
  6. Theme 32
  7. ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀ 　 █▀▀▄ █░░█
  8. ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█ 　 █▀▀▄ █▄▄█
  9. ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀ 　 ▀▀▀░ ▄▄▄█
  10.  
  11. █▀▄▀█ █░█ █▀▀▄ █░░█ █▀▀ 　 ▄ ▀▄
  12. █░▀░█ █▀▄ █▀▀▄ █▄▄█ █▀▀ 　 ░ ░█
  13. ▀░░░▀ ▀░▀ ▀▀▀░ ▄▄▄█ ▀▀▀ 　 ▀ ▄▀
  14. Please don't remove credit! If you do, please put it in your FAQ. Thank you :)
  15. http://mkbye.tumblr.com/
  16.  
  17. Theme created: 05.17.15 | 05.18.15
  18. Theme posted publicly: 06.26.15
  19. -->
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30. <html lang="en">
  31. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  32. <html xmlns="http://www.w3.org/1999/xhtml">
  33. <head>
  34. <script type="text/javascript">
  35. WebFontConfig = {
  36. google: { families: [ 'Allura::latin', 'Roboto:100:latin', 'Dancing+Script::latin', 'Pinyon+Script::latin', 'Allura::latin', 'Ruthie::latin' ] }
  37. };
  38. (function() {
  39. var wf = document.createElement('script');
  40. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  41. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  42. wf.type = 'text/javascript';
  43. wf.async = 'true';
  44. var s = document.getElementsByTagName('script')[0];
  45. s.parentNode.insertBefore(wf, s);
  46. })(); </script>
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52. <script>
  53. (function($){
  54. $(document).ready(function(){
  55. $("a[title]").style_my_tooltips({
  56. tip_follows_cursor:true,
  57. tip_delay_time:90,
  58. tip_fade_speed:600,
  59. attribute:"title"
  60. });
  61. });
  62. })(jQuery);
  63. </script>
  64.  
  65. <script>
  66. $(document).ready(function() {
  67. //
  68. $('a.poplight[href^=#]').click(function() {
  69. var popID = $(this).attr('rel'); //Get Popup Name
  70. var popURL = $(this).attr('href'); //Get Popup href to define size
  71. var query= popURL.split('?');
  72. var dim= query[1].split('&');
  73. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  75. var popMargTop = ($('#' + popID).height() + 80) / 2;
  76. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  77. //Apply Margin to Popup
  78. $('#' + popID).css({
  79. 'margin-top' : -popMargTop,
  80. 'margin-left' : -popMargLeft
  81. });
  82. $('body').append('<div id="fade"></div>');
  83. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  84. return false;
  85. });
  86. $('a.close, #fade').live('click', function() {
  87. $('#fade , .popup_block').fadeOut(function() {
  88. $('#fade, a.close').remove(); //fade them both out
  89. });
  90. return false;
  91. });
  92. });
  93. </script>
  94. <script type="text/javascript">
  95. <!--
  96.  
  97. // Disable Right Click Script
  98.  
  99. function IE(e)
  100. {
  101. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  102. {
  103. return false;
  104. }
  105. }
  106. function NS(e)
  107. {
  108. if (document.layers || (document.getElementById && !document.all))
  109. {
  110. if (e.which == "2" || e.which == "3")
  111. {
  112. return false;
  113. }
  114. }
  115. }
  116. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  117.  
  118. //-->
  119. </script>
  120.  
  121.  
  122. <script type="text/javascript"
  123. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  124.  
  125. <!--DEFAULT VARIABLES-->
  126. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  127. <meta name="color:background" content="#fff"/>
  128. <meta name="color:link" content="#777"/>
  129. <meta name="color:text" content="#777"/>
  130. <meta name="color:title" content="#333"/>
  131. <meta name="color:hover" content="#fff"/>
  132. <meta name="image:background" content="1"/>
  133.  
  134. <meta name="image:sidebar" content="1"/>
  135.  
  136. <meta name="color:bars" content="#fff"/>
  137. <meta name="color:sidebar" content="#fff"/>
  138. <meta name="color:blogtitle" content="#fff"/>
  139.  
  140. <meta name="text:blogtitle" content="Flares in the Sky"/>
  141. <meta name="text:stats" content="4 | 200000"/>
  142. <meta name="text:write updates here" content="updates.<br> example: 04.24.13: updated theme"/>
  143. <meta name="text:write stats here" content="stats.<br> example: 2342 followers"/>
  144.  
  145. <meta name="text:link 1" content="/"/>
  146. <meta name="text:link 1 msg" content="msg"/>
  147. <meta name="text:link 2" content="/"/>
  148. <meta name="text:link 2 msg" content="msg"/>
  149. <meta name="text:link 3" content="/"/>
  150. <meta name="text:link 3 msg" content="msg"/>
  151. <meta name="text:link 4" content="/"/>
  152. <meta name="text:link 4 msg" content="msg"/>
  153. <meta name="text:link 5" content="/"/>
  154. <meta name="text:link 5 msg" content="msg"/>
  155.  
  156. <style type="text/css">
  157.  
  158. #fade { /*--Transparent background layer--*/
  159. display: none; /*--hidden by default--*/
  160. position: fixed; left: 0; top: 0;
  161. background:{color:background};
  162. width: 100%; height: 100%;
  163. opacity:0.9;
  164. z-index: 99;
  165. }
  166. .popup_block{
  167. display: none; /*--hidden by default--*/
  168. padding: 20px;
  169. outline:1px solid white;
  170. outline-offset:-10px;
  171. border:3px solid white;
  172. float:left;
  173. font-size:10px;
  174. position: fixed;
  175. top: 50%; left: 50%;
  176. z-index: 9999999999999;
  177. background:{color:sidebar};
  178. }
  179. /*--Making IE6 Understand Fixed Positioning--*/
  180. *html #fade {
  181. position: absolute;
  182. }
  183. *html .popup_block {
  184. position: absolute;
  185. }
  186.  
  187. #s-m-t-tooltip {
  188. max-width:300px;
  189. padding:6px 6px 6px 6px;
  190. margin:20px 0px 0px 20px;
  191. background:rgba(0,0,0,.6);
  192. letter-spacing:0px; /* change the letter spacing */
  193. color:white; /* change the text color */
  194. border-radius:5px;
  195. font-size:9px;
  196. text-transform:uppercase;
  197. z-index:999999999999999999999999999999999999;
  198. }
  199.  
  200. ::-webkit-scrollbar {width: 5px; height: 5px; background: {color:blogtitle};}
  201. ::-webkit-scrollbar-thumb {background-color:{color:sidebar};}
  202.  
  203. 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-
  204.  
  205. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  206.  
  207. 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;}
  208.  
  209. p {
  210. margin:0px;
  211. margin-top:0px;
  212. }
  213.  
  214.  
  215. body {
  216. padding: 0px;
  217. margin: 0px;
  218. color:{color:text};
  219. font-family:Trebuchet MS;
  220. line-height:12px;
  221. font-size:11px;
  222. background-color: {color:Background};
  223. background-image:url({image:Background});
  224. background-attachment: fixed;
  225. background-repeat: repeat;
  226. }
  227.  
  228.  
  229. a:link, a:active, a:visited{
  230. text-decoration: none;
  231. -webkit-transition: color 0.3s ease-out;
  232. -moz-transition: color 0.3s ease-out;
  233. transition: color 0.3s ease-out;
  234. color:{color:link};
  235. }
  236.  
  237. a:hover {
  238. text-decoration: none;
  239. font-style:;
  240. color: {color:Hover};
  241. }
  242.  
  243. div#center{
  244. margin:auto;
  245. position:relative;
  246. width:1250px;
  247. background-color:;
  248. overflow:auto;
  249. overflow-y:hidden;
  250. }
  251.  
  252. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  253. .entry {
  254. float:left;
  255. display: block;
  256. margin:10px;
  257. overflow:hidden;
  258. width:270px;
  259. padding:15px;
  260. padding-bottom:13px;
  261. border:1px solid {color:bars};
  262. outline:1px solid {color:background};
  263. outline-offset:-10px;
  264. {block:PermalinkPage}
  265. width:450px;
  266. text-align:left;
  267. margin-left:90px;
  268. line-height:10px;
  269. {/block:PermalinkPage}
  270. background:white;
  271. background-image:URL();
  272. }
  273.  
  274. .entry img{
  275. {block:PermalinkPage}
  276. width:442px;
  277. border:3px solid {color:sidebar};
  278. {/block:PermalinkPage}
  279. -webkit-transition: all .7s ease;
  280. -moz-transition: all .7s ease;
  281. -o-transition: all .7s ease;
  282. transition: all .7s ease;}
  283.  
  284. .entry img:hover{
  285. -webkit-filter:grayscale(0.8);
  286. {block:PermalinkPage}
  287. -webkit-filter:grayscale(0);
  288. {/block:PermalinkPage}
  289. }
  290.  
  291.  
  292. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  293. .entry .perma{
  294. width:50px;
  295. height:50px;
  296. position: absolute;
  297. z-index:9999;
  298. line-height:10px;
  299. overflow:hidden;
  300. text-align:center;
  301. margin-top:10px;
  302. margin-left:0px;
  303. background:{color:sidebar};
  304. border-radius:3px;
  305. font-size:9px;
  306. text-transform:uppercase;
  307. opacity:0;
  308. color:white;
  309. -webkit-transition: all .7s ease;
  310. -moz-transition: all .7s ease;
  311. -o-transition: all .7s ease;
  312. transition: all .7s ease;
  313. }
  314.  
  315. .perma a{
  316. color:white;
  317. }
  318.  
  319. .entry:hover .perma{
  320. overflow:visible;
  321. opacity:1;
  322. margin-left:10px;
  323. }
  324.  
  325.  
  326. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  327. #posts {
  328. width:800px;
  329. margin-top:58px;
  330. z-index:99;
  331. margin-left:480px;
  332. right:auto;
  333. background:transparent;
  334. margin-right:auto;
  335. position:relative;
  336. overflow-y: hidden;
  337. }
  338.  
  339. #ltbr{
  340. position:fixed !important;
  341. z-index:9999;
  342. width:20px;
  343. height:2000px;
  344. top:0px;
  345. left:0px;
  346. background:{color:bars};
  347. }
  348.  
  349. #bmbr{
  350. position:fixed !important;
  351. z-index:9999;
  352. width:2000px;
  353. height:20px;
  354. bottom:0px;
  355. left:0px;
  356. background:{color:bars};
  357. }
  358.  
  359. #rtbr{
  360. position:fixed !important;
  361. z-index:9999;
  362. width:20px;
  363. height:2000px;
  364. top:0px;
  365. right:0px;
  366. background:{color:bars};
  367. }
  368.  
  369. #sidebar{
  370. position:fixed !important;
  371. width:300px;
  372. height:220px;
  373. top:30px;
  374. margin-left:100px;
  375. background:{color:sidebar};
  376. text-align:center;
  377. outline:1px solid #fff;
  378. outline-offset:-5px;
  379. z-index:99;
  380. }
  381.  
  382. #pic{
  383. position:fixed !important;
  384. width:258px;
  385. height:110px;
  386. margin-top:20px;
  387. margin-left:20px;
  388. border:1px solid white;
  389. background:#f4f4f4;
  390. }
  391.  
  392. #pic img{
  393. padding:3px;
  394. width:252px;
  395. height:104px;
  396. }
  397.  
  398. #le{
  399. position:fixed !important;
  400. width:260px;
  401. height:0px;
  402. margin-top:160px;
  403. margin-left:20px;
  404. border-top:1px solid white;
  405. }
  406.  
  407. #te{
  408. position:fixed !important;
  409. width:200px;
  410. height:40px;
  411. margin-top:140px;
  412. margin-left:70px;
  413. background:{color:sidebar};
  414. line-height:45px;
  415. font-family:ruthie;
  416. font-size:35px;
  417. color:white;
  418. text-shadow:-1px 0 {color:blogtitle}, 0 1px {color:blogtitle}, 1px 0 {color:blogtitle}, 0 -1px {color:blogtitle};
  419. }
  420.  
  421. #dcbx{
  422. position:fixed !important;
  423. z-index:999999;
  424. width:280px;
  425. height:112px;
  426. margin-top:185px;
  427. margin-left:20px;
  428. background:{color:bars};
  429. border:1px solid white;
  430. padding:10px;
  431. font-size:9.5px;
  432. outline:1px solid #fff;
  433. outline-offset:-5px;
  434. }
  435.  
  436. #dc{
  437. position:fixed !important;
  438. width:180px;
  439. height:54px;
  440. margin-top:0px;
  441. margin-left:0px;
  442. background:#f4f4f4;
  443. padding:10px;
  444. padding-top:15px;
  445. border:1px solid white;
  446. font-size:9px;
  447. overflow:auto;
  448. }
  449.  
  450. #dc a{
  451. border-bottom:1px dashed {color:bars};
  452. }
  453.  
  454. #qe{
  455. position:fixed !important;
  456. width:280px;
  457. height:20px;
  458. margin-top:90px;
  459. margin-left:0px;
  460. line-height:20px;
  461. font-family:roboto;
  462. font-size:11px;
  463. text-transform:uppercase;
  464. letter-spacing:1px;
  465. color:white;
  466. }
  467.  
  468. #us{
  469. position:fixed !important;
  470. width:70px;
  471. height:12px;
  472. margin-top:0px;
  473. margin-left:205px;
  474. background:#f4f4f4;
  475. padding:2px;
  476. border:1px solid white;
  477. overflow:auto;
  478. -webkit-transition: all .9s ease;
  479. -moz-transition: all .9s ease;
  480. -o-transition: all .9s ease;
  481. transition: all .9s ease;
  482. }
  483.  
  484. #uste{
  485. position:fixed;
  486. width:70px;
  487. z-index:99;
  488. text-align:center;
  489. font-size:9px;
  490. text-transform:uppercase;
  491. line-height:12px;
  492. }
  493.  
  494. #us:hover #uste{
  495. color:white;
  496. }
  497.  
  498. #ushr{
  499. position:fixed;
  500. width:70px;
  501. height:12px;
  502. padding:2px;
  503. background:{color:sidebar};
  504. margin-top:-2px;
  505. margin-left:-80px;
  506. opacity:0;
  507. -webkit-transition: all .5s ease;
  508. -moz-transition: all .5s ease;
  509. -o-transition: all .5s ease;
  510. transition: all .5s ease;
  511. }
  512.  
  513. #us:hover #ushr{
  514. margin-left:-2px;
  515. opacity:1;
  516. color:white;
  517. }
  518.  
  519. #mc{
  520. position:fixed !important;
  521. width:70px;
  522. height:12px;
  523. margin-top:21px;
  524. margin-left:205px;
  525. background:#f4f4f4;
  526. padding:2px;
  527. border:1px solid white;
  528. overflow:auto;
  529. -webkit-transition: all .9s ease;
  530. -moz-transition: all .9s ease;
  531. -o-transition: all .9s ease;
  532. transition: all .9s ease;
  533. }
  534.  
  535. #mcte{
  536. position:fixed;
  537. width:70px;
  538. z-index:99;
  539. text-align:center;
  540. font-size:9px;
  541. text-transform:uppercase;
  542. line-height:12px;
  543. }
  544.  
  545. #mc:hover #mcte{
  546. color:white;
  547. }
  548.  
  549. #mchr{
  550. position:fixed;
  551. width:70px;
  552. height:12px;
  553. padding:2px;
  554. background:{color:sidebar};
  555. margin-top:-2px;
  556. margin-left:-80px;
  557. opacity:0;
  558. -webkit-transition: all .5s ease;
  559. -moz-transition: all .5s ease;
  560. -o-transition: all .5s ease;
  561. transition: all .5s ease;
  562. }
  563.  
  564. #mc:hover #mchr{
  565. margin-left:-2px;
  566. opacity:1;
  567. color:white;
  568. }
  569.  
  570. #ss{
  571. position:fixed !important;
  572. width:70px;
  573. height:12px;
  574. margin-top:42px;
  575. margin-left:205px;
  576. background:#f4f4f4;
  577. padding:2px;
  578. border:1px solid white;
  579. overflow:auto;
  580. -webkit-transition: all .9s ease;
  581. -moz-transition: all .9s ease;
  582. -o-transition: all .9s ease;
  583. transition: all .9s ease;
  584. }
  585.  
  586. #sste{
  587. position:fixed;
  588. width:70px;
  589. z-index:99;
  590. text-align:center;
  591. font-size:9px;
  592. text-transform:uppercase;
  593. line-height:12px;
  594. }
  595.  
  596. #ss:hover #sste{
  597. color:white;
  598. }
  599.  
  600. #sshr{
  601. position:fixed;
  602. width:70px;
  603. height:12px;
  604. padding:2px;
  605. background:{color:sidebar};
  606. margin-top:-2px;
  607. margin-left:-80px;
  608. opacity:0;
  609. -webkit-transition: all .5s ease;
  610. -moz-transition: all .5s ease;
  611. -o-transition: all .5s ease;
  612. transition: all .5s ease;
  613. }
  614.  
  615. #ss:hover #sshr{
  616. margin-left:-2px;
  617. opacity:1;
  618. color:white;
  619. }
  620.  
  621. #ss2{
  622. position:fixed !important;
  623. width:70px;
  624. height:12px;
  625. margin-top:63px;
  626. margin-left:205px;
  627. background:#f4f4f4;
  628. padding:2px;
  629. border:1px solid white;
  630. overflow:auto;
  631. -webkit-transition: all .9s ease;
  632. -moz-transition: all .9s ease;
  633. -o-transition: all .9s ease;
  634. transition: all .9s ease;
  635. }
  636.  
  637. #ss2te{
  638. position:fixed;
  639. width:70px;
  640. z-index:99;
  641. text-align:center;
  642. font-size:9px;
  643. text-transform:uppercase;
  644. line-height:12px;
  645. }
  646.  
  647. #ss2:hover #ss2te{
  648. color:white;
  649. }
  650.  
  651. #ss2hr{
  652. position:fixed;
  653. width:70px;
  654. height:12px;
  655. padding:2px;
  656. background:{color:sidebar};
  657. margin-top:-2px;
  658. margin-left:-80px;
  659. opacity:0;
  660. -webkit-transition: all .5s ease;
  661. -moz-transition: all .5s ease;
  662. -o-transition: all .5s ease;
  663. transition: all .5s ease;
  664. }
  665.  
  666. #ss2:hover #ss2hr{
  667. margin-left:-2px;
  668. opacity:1;
  669. color:white;
  670. }
  671.  
  672.  
  673. #lksbr{
  674. position:fixed !important;
  675. width:280px;
  676. height:20px;
  677. margin-top:90px;
  678. margin-left:0px;
  679. background:{color:bars};
  680. z-index:9999;
  681. }
  682.  
  683. #l1{
  684. position:fixed !important;
  685. width:50px;
  686. height:14px;
  687. padding:2px;
  688. background:#f4f4f4;
  689. border:1px solid {color:sidebar};
  690. text-align:center;
  691. font-size:9px;
  692. line-height:14px;
  693. text-transform:uppercase;
  694. -webkit-transition: all .9s ease;
  695. -moz-transition: all .9s ease;
  696. -o-transition: all .9s ease;
  697. transition: all .9s ease;
  698. }
  699.  
  700. #l1:hover{
  701. background:{color:sidebar};
  702. }
  703.  
  704. #l1 a{
  705. color:{color:link};
  706. }
  707.  
  708. #l1 a:hover{
  709. color:white;
  710. text-shadow:-1px 0 {color:bars}, 0 1px {color:bars}, 1px 0 {color:bars}, 0 -1px {color:bars};
  711. }
  712.  
  713. #l2{
  714. position:fixed !important;
  715. width:50px;
  716. height:14px;
  717. margin-left:56px;
  718. padding:2px;
  719. background:#f4f4f4;
  720. border:1px solid {color:bars};
  721. text-align:center;
  722. font-size:9px;
  723. line-height:14px;
  724. text-transform:uppercase;
  725. -webkit-transition: all .9s ease;
  726. -moz-transition: all .9s ease;
  727. -o-transition: all .9s ease;
  728. transition: all .9s ease;
  729. }
  730.  
  731. #l2:hover{
  732. background:{color:bars};
  733. }
  734.  
  735. #l2 a{
  736. color:{color:link};
  737. }
  738.  
  739. #l2 a:hover{
  740. color:white;
  741. text-shadow:-1px 0 {color:bars}, 0 1px {color:bars}, 1px 0 {color:bars}, 0 -1px {color:bars};
  742. }
  743.  
  744. #l3{
  745. position:fixed !important;
  746. width:50px;
  747. height:14px;
  748. margin-left:112px;
  749. padding:2px;
  750. background:#f4f4f4;
  751. border:1px solid {color:sidebar};
  752. text-align:center;
  753. font-size:9px;
  754. line-height:14px;
  755. text-transform:uppercase;
  756. -webkit-transition: all .9s ease;
  757. -moz-transition: all .9s ease;
  758. -o-transition: all .9s ease;
  759. transition: all .9s ease;
  760. }
  761.  
  762. #l3:hover{
  763. background:{color:sidebar};
  764. }
  765.  
  766. #l3 a{
  767. color:{color:link};
  768. }
  769.  
  770. #l3 a:hover{
  771. color:white;
  772. text-shadow:-1px 0 {color:bars}, 0 1px {color:bars}, 1px 0 {color:bars}, 0 -1px {color:bars};
  773. }
  774.  
  775. #l4{
  776. position:fixed !important;
  777. width:50px;
  778. height:14px;
  779. margin-left:168px;
  780. padding:2px;
  781. background:#f4f4f4;
  782. border:1px solid {color:bars};
  783. text-align:center;
  784. font-size:9px;
  785. line-height:14px;
  786. text-transform:uppercase;
  787. -webkit-transition: all .9s ease;
  788. -moz-transition: all .9s ease;
  789. -o-transition: all .9s ease;
  790. transition: all .9s ease;
  791. }
  792.  
  793. #l4:hover{
  794. background:{color:bars};
  795. }
  796.  
  797. #l4 a{
  798. color:{color:link};
  799. }
  800.  
  801. #l4 a:hover{
  802. color:white;
  803. text-shadow:-1px 0 {color:bars}, 0 1px {color:bars}, 1px 0 {color:bars}, 0 -1px {color:bars};
  804. }
  805.  
  806. #l5{
  807. position:fixed !important;
  808. width:50px;
  809. height:14px;
  810. margin-left:224px;
  811. padding:2px;
  812. background:#f4f4f4;
  813. border:1px solid {color:sidebar};
  814. text-align:center;
  815. font-size:9px;
  816. line-height:14px;
  817. text-transform:uppercase;
  818. -webkit-transition: all .9s ease;
  819. -moz-transition: all .9s ease;
  820. -o-transition: all .9s ease;
  821. transition: all .9s ease;
  822. }
  823.  
  824. #l5:hover{
  825. background:{color:sidebar};
  826. }
  827.  
  828. #l5 a{
  829. color:{color:link};
  830. }
  831.  
  832. #l5 a:hover{
  833. color:white;
  834. text-shadow:-1px 0 {color:bars}, 0 1px {color:bars}, 1px 0 {color:bars}, 0 -1px {color:bars};
  835. }
  836.  
  837.  
  838.  
  839. #permacaps{
  840. width:460px;
  841. height:auto;
  842. min-height:20px;
  843. background:#f4f4f4;
  844. border:1px solid {color:bars};
  845. padding:10px;
  846. text-align:center;
  847. font-size:9px;
  848. margin-left:-16px;
  849. }
  850.  
  851. #notesline{
  852. border-top:1px solid {color:bars};
  853. margin-top:10px;
  854. width:100px;
  855. {block:PermalinkPage}
  856. width:300px;
  857. {/block:PermalinkPage}
  858. }
  859.  
  860. #notes{
  861. text-align:center;
  862. margin-top:-7px;
  863. width:180px;
  864. margin-left:100px;
  865. padding-left:5px;
  866. padding-right:5px;
  867. {block:PermalinkPage}
  868. margin-left:300px;
  869. {/block:PermalinkPage}
  870. }
  871.  
  872. #fs img{
  873. position:fixed;
  874. margin-top:0px;
  875. margin-left:0px;
  876. -webkit-transform:rotate(100deg);
  877. opacity:0.5;
  878. }
  879.  
  880. #fs2 img{
  881. position:fixed;
  882. bottom:20px;
  883. right:-70px;
  884. opacity:0.5;
  885. }
  886.  
  887. #notes2{
  888. position:fixed;
  889. left:20px;
  890. top:300px;
  891. width:19px;
  892. height:85px;
  893. font-size:9px;
  894. color:{color:bars};
  895. border:1px solid {color:bars};
  896. letter-spacing:2px;
  897. text-transform:uppercase;
  898. line-height:100px;
  899. display:block;
  900. }
  901.  
  902. #notes2txt{
  903. position:fixed;
  904. left:45px;
  905. top:300px;
  906. width:100px;
  907. height:65px;
  908. font-size:9px;
  909. color:{color:sidebar};
  910. border:1px solid {color:sidebar};
  911. padding:7px;
  912. padding-top:13px;
  913. display:none;
  914. }
  915.  
  916. #question{
  917. width:250px;
  918. height:auto;
  919. background:#f4f4f4;
  920. padding:10px;
  921. text-align:justify;
  922. border-radius:5px;
  923. {block:permalinkpage}
  924. width:430px;
  925. {/block:permalinkpage}}
  926.  
  927. #answer{
  928. width:250px;
  929. height:auto;
  930. background:#f4f4f4;
  931. padding:10px;
  932. text-align:justify;
  933. border-radius:5px;
  934. {block:permalinkpage}
  935. width:430px;
  936. {/block:permalinkpage}}
  937.  
  938.  
  939. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  940. .title{
  941. line-height: 20px;
  942. font-family:roboto;
  943. font-size:18px;
  944. color:{color:Title};
  945. font-weight: normal;
  946. }
  947.  
  948.  
  949. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  950. .permalink{
  951. text-transform: normal;
  952. display: block;
  953. text-align: right;
  954. text-decoration: none;
  955. }
  956.  
  957.  
  958. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  959. #infscr-loading{
  960. bottom: -70px;
  961. position: absolute;
  962. left: 50%;
  963. margin-left:-8px;
  964. width:16px;
  965. height:11px;
  966. overflow:hidden;
  967. margin-bottom: 50px;
  968. }
  969.  
  970. #postnotes{
  971. text-align: justify;}
  972.  
  973. #postnotes blockquote{
  974. border: 0px;}
  975.  
  976. blockquote{
  977. padding:0px 0px 2px 5px;
  978. margin:0px 0px 2px 10px;
  979. border-left: 1px dotted #555555;
  980. }
  981.  
  982. blockquote p, ul{
  983. margin:0px;
  984. padding:0px;
  985. }
  986.  
  987. a img{border: 0px;}
  988.  
  989.  
  990. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  991.  
  992. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  993. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  994.  
  995. .notes img{width:10px; position:relative; top:3px;}
  996. <--ses-->
  997. small{font-size: 90%;}
  998.  
  999. {CustomCSS}
  1000.  
  1001. </style>
  1002.  
  1003. <script src="jquery.js"></script>
  1004. <script>
  1005. $(document).ready(function(){
  1006. $("#music").click(function(){
  1007. $("#music2").slideToggle("slow");
  1008. });
  1009. });
  1010. </script>
  1011.  
  1012. {block:IndexPage}
  1013. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1014. <script type="text/javascript" src="http://static.tumblr.com/tk7f1db/vGfn06hpd/document.txt"></script>
  1015. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1016.  
  1017. <script type="text/javascript">
  1018. $(window).load(function(){
  1019. var $wall = $('#posts');
  1020. $wall.imagesLoaded(function(){
  1021. $wall.masonry({
  1022. itemSelector: '.entry, .entry_photo',
  1023. isAnimated : false
  1024. });
  1025. });
  1026.  
  1027. $wall.infinitescroll({
  1028. navSelector : '#pagination',
  1029. nextSelector : '#pagination a',
  1030. itemSelector : '.entry, .entry_photo',
  1031. bufferPx : 2000,
  1032. debug : false,
  1033. errorCallback: function() {
  1034. $('#infscr-loading').fadeOut('normal');
  1035. }},
  1036. function( newElements ) {
  1037. var $newElems = $( newElements );
  1038. $newElems.hide();
  1039. $newElems.imagesLoaded(function(){
  1040. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1041. });
  1042. }); $('#posts').show(500);
  1043. });
  1044. </script>
  1045.  
  1046.  
  1047. {/block:IndexPage}
  1048.  
  1049.  
  1050. <title>{title}</title>
  1051.  
  1052. <link rel="shortcut icon" href="{Favicon}" />
  1053. <meta name="viewport" content="width=820" />
  1054. </head>
  1055.  
  1056. <body>
  1057. <BODY onselectstart="return false;" ondragstart="return false;">
  1058. <div class="wrapper">
  1059. <div class="header">
  1060. </div>
  1061.  
  1062. <div id="cage">
  1063. <div id="center">
  1064.  
  1065. <div id="ltbr"></div>
  1066. <div id="bmbr"></div>
  1067. <div id="rtbr"></div>
  1068.  
  1069. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1070. <div id="sidebar">
  1071. <center>
  1072.  
  1073. <div id="pic"><img src="{image:sidebar}"></div>
  1074. <div id="le"></div>
  1075. <div id="te">{text:blogtitle}</div>
  1076. <div id="dcbx">
  1077.  
  1078.  
  1079. <div id="dc">
  1080. {description}
  1081. </div>
  1082.  
  1083. <div id="us">
  1084. <div id="uste"><a href="#?w=300" rel="02" class="poplight">updates</a></div>
  1085. <div id="ushr"></div>
  1086. </div>
  1087.  
  1088. <div id="mc">
  1089. <div id="mcte"><a href="#?w=250" rel="03" class="poplight">statistics</a></div>
  1090. <div id="mchr"></div>
  1091. </div>
  1092.  
  1093. <div id="ss">
  1094. <div id="sste"><a href="#?w=300" rel="04" class="poplight">credits</a></div>
  1095. <div id="sshr"></div>
  1096. </div>
  1097.  
  1098. <div id="ss2">
  1099. <div id="ss2te">{text:stats}</div>
  1100. <div id="ss2hr"></div>
  1101. </div>
  1102.  
  1103. <div id="lksbr">
  1104. <div id="l1"><a href="{text:link 1}">{text:link 1 msg}</a></div>
  1105. <div id="l2"><a href="{text:link 2}">{text:link 2 msg}</a></div>
  1106. <div id="l3"><a href="{text:link 3}">{text:link 3 msg}</a></div>
  1107. <div id="l4"><a href="{text:link 4}">{text:link 4 msg}</a></div>
  1108. <div id="l5"><a href="{text:link 5}">{text:link 5 msg}</a></div>
  1109. <div id="l6"><a href="{text:link 6}">{text:link 6 msg}</a></div>
  1110.  
  1111.  
  1112. </div>
  1113.  
  1114.  
  1115. </div>
  1116.  
  1117. </center>
  1118. </div>
  1119. <!------------------------------------->
  1120.  
  1121. <div id="fs"><img src="http://38.media.tumblr.com/dbc6ea861b2590eb05a03453f962ee6b/tumblr_mgxr6ttkvo1r1a55lo1_500.png"></div>
  1122. <div id="fs2"><img src="http://static.tumblr.com/65f4f99495f65506f22452e98fd11b42/1ltg5is/o1Dn6jybb/tumblr_static_746ai2g0gwsg4800kosow04gc.png"></div>
  1123.  
  1124.  
  1125. <div class="left">
  1126. <div id="posts">
  1127. {block:Posts}
  1128. <div class="entry">
  1129.  
  1130. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1131.  
  1132. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">
  1133. <div style="padding:5px;"></div>
  1134. <div id="notesline"></div><div id="notes"><font style="font-size:9px;text-transform:uppercase;">{notecountwithlabel} + {timeago}</a></a></font></div>{/block:HasTags}</span></align>
  1135. {/block:Text}
  1136.  
  1137. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1138.  
  1139. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1140.  
  1141. {block:Answer}
  1142.  
  1143.  
  1144. <div id="question">
  1145. <font style="color:{color:link}; text-transform:uppercase; font-style: italic;text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff"><b>{Asker}</b></font><font style="color:{color:sidebar};letter-spacing:1px;font-size:10px;"> asked a question</font>:</br> {question}</div>
  1146.  
  1147. <div style="padding:5px;"></div>
  1148.  
  1149. <div id="answer">
  1150. <font style="color:{color:bars}; text-transform:uppercase; font-style: italic;text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff"><b>MKBYE/CELINA</b></font><font style="color:{color:bars};letter-spacing:1px;font-size:10px;opacity:0.8;"> answered your question</font>:</br> {Answer}</div>
  1151.  
  1152. <a href="{Permalink}"><a href="{Permalink}">
  1153. <div style="padding:5px;"></div>
  1154. <div id="notesline"></div><div id="notes"><font style="font-size:9px;text-transform:uppercase;">{notecountwithlabel} + {timeago}</a></a></font></div>
  1155.  
  1156.  
  1157.  
  1158. {/block:Answer}
  1159.  
  1160. {block:Photo}
  1161. {block:IndexPage}
  1162. <center>
  1163.  
  1164. <div class="perma">
  1165. <div style="margin-top:5px;">
  1166. <a href="{ReblogURL}" target="_blank"> reblog</a></br>
  1167. <a href="{Permalink}">permalink</a></br>
  1168. {block:NoteCount} {notecount} {/block:NoteCount}</br>
  1169. {12Hour}:{Minutes} {CapitalAmPm}
  1170. </div>
  1171. </div>
  1172.  
  1173. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1174. {/block:IndexPage}
  1175. {block:PermalinkPage}
  1176. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1177.  
  1178. <div style="padding:5px"></div>
  1179.  
  1180. <div id="permacaps">
  1181. {caption}</br>
  1182. <font style="color:{color:sidebar}">{notecountwithlabel} |
  1183. {block:RebloggedFrom} via: <a href={ReblogParentURL}>{ReblogParentName}</a>{/block:RebloggedFrom} |
  1184. {block:contentSource}source: <a href="{Sourceurl}">{sourcetitle}</a>{/block:contentSource} |
  1185. {timeago}
  1186. </font></br>
  1187.  
  1188. {block:HasTags}{block:Tags}
  1189. tags: {Tag},
  1190. {/block:Tags}{/block:HasTags}
  1191. </div>
  1192.  
  1193.  
  1194. {LinkCloseTag}
  1195. {/block:PermalinkPage}
  1196. {/block:Photo}
  1197. {block:Photoset}
  1198. {block:IndexPage}
  1199. <center>
  1200.  
  1201. {Photoset-250}</center>
  1202.  
  1203. <a href="{permalink}">
  1204. <div id="notesline"></div><div id="notes"><font style="font-size:9px;text-transform:uppercase;">{notecountwithlabel} + {timeago}</a></a></font></div>
  1205.  
  1206.  
  1207. {/block:IndexPage}
  1208. {block:PermalinkPage}
  1209. <center>
  1210. {Photoset-400}</center>
  1211.  
  1212.  
  1213. <div style="padding:5px"></div>
  1214.  
  1215. <div id="permacaps">
  1216. {caption}</br>
  1217. <font style="color:{color:sidebar}">{notecountwithlabel} |
  1218. {block:RebloggedFrom} via: <a href={ReblogParentURL}>{ReblogParentName}</a>{/block:RebloggedFrom} |
  1219. {block:contentSource}source: <a href="{Sourceurl}">{sourcetitle}</a>{/block:contentSource} |
  1220. {timeago}
  1221. </font></br>
  1222.  
  1223. {block:HasTags}{block:Tags}
  1224. tags: {Tag},
  1225. {/block:Tags}{/block:HasTags}
  1226. </div>
  1227.  
  1228.  
  1229. {/block:PermalinkPage}
  1230. {/block:Photoset}
  1231.  
  1232. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1233.  
  1234. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1235.  
  1236. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1237. <ul class="chat">
  1238. {block:Lines}
  1239. <li class="user_{UserNumber}">
  1240. {block:Label}
  1241. <span class="label">{Label}</span>
  1242. {/block:Label}
  1243.  
  1244. {Line}
  1245. </li>
  1246. {/block:Lines}
  1247. <p align=right><span class="permalink"><a href="{Permalink}">
  1248.  
  1249. <div style="padding:5px;"></div>
  1250. <div id="notesline"></div><div id="notes"><font style="font-size:9px;text-transform:uppercase;">{notecountwithlabel} + {timeago}</a></a></font></div>
  1251. {/block:Chat}
  1252.  
  1253. {block:Audio}
  1254. <div style="width:200px; height:30px;">
  1255. {AudioPlayerBlack}
  1256. </div>
  1257. {block:IndexPage}<span class="permalink">
  1258. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1259. </span>{/block:IndexPage}
  1260. {/block:Audio}
  1261.  
  1262. {block:Video}
  1263. {block:IndexPage}
  1264. <center>
  1265. <div class="perma">
  1266. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1267. {Video-250}</center>
  1268. {/block:IndexPage}
  1269. {block:PermalinkPage}
  1270. <center>
  1271. {Video-400}</center>
  1272. {/block:PermalinkPage}
  1273. {block:Video}
  1274.  
  1275.  
  1276. {block:PostNotes}
  1277.  
  1278.  
  1279.  
  1280. <div style="padding:5px"></div>
  1281.  
  1282. <div id="postnotes"><div style="height:auto; max-height:300px; border:1px solid {color:sidebar}; overflow:auto; padding:10px; background:#f4f4f4; font-size:9px;">{PostNotes}</div></div><br>
  1283.  
  1284.  
  1285.  
  1286. {/block:PostNotes}
  1287. </div>
  1288. {/block:Posts}
  1289. </div></div>
  1290.  
  1291. {block:IndexPage}
  1292. {block:Pagination}
  1293. <div id="pagination">
  1294. {block:NextPage}
  1295. <a id="nextPage" href="{NextPage}"></a>
  1296. {/block:NextPage}
  1297. {block:PreviousPage}
  1298. <a href="{PreviousPage}"></a>
  1299. {/block:PreviousPage}
  1300. </div>
  1301. {/block:Pagination}
  1302. {/block:IndexPage}
  1303. </body>
  1304.  
  1305.  
  1306.  
  1307.  
  1308.  
  1309.  
  1310.  
  1311.  
  1312.  
  1313. <div id="04" class="popup_block">
  1314.  
  1315. <center><div style="font-size:40px; font-family:allura; padding:20px; color:white;">Credits</div></center>
  1316.  
  1317. <div style="text-align:left; border:1px solid {color:sidebar}; background:#fff; font-size:9px; padding:20px;">
  1318.  
  1319. + theme: made by thememaker <a href="http://mkbye.tumblr.tumblr.com">mkbye</a>
  1320. </div></div></div></div></div></div></div></div></div></div>
  1321.  
  1322.  
  1323.  
  1324.  
  1325.  
  1326. <div id="03" class="popup_block">
  1327.  
  1328. <center><div style="font-size:40px; font-family:allura; padding:20px; color:white;">Statistics</div></center>
  1329.  
  1330. <div style="text-align:left; border:1px solid {color:sidebar}; background:#fff; font-size:9px; padding:20px;">
  1331.  
  1332. {text:write stats here}
  1333. </div></div></div></div></div></div></div></div></div></div>
  1334.  
  1335.  
  1336.  
  1337.  
  1338.  
  1339. <div id="02" class="popup_block">
  1340.  
  1341. <center><div style="font-size:40px; font-family:allura; padding:20px; color:white;">Updates</div></center>
  1342.  
  1343. <div style="text-align:left; border:1px solid {color:sidebar}; background:#fff; font-size:9px; padding:20px;">
  1344. {text:write updates here}
  1345. </div></div></div></div></div></div></div></div></div></div>
  1346.  
  1347.  
  1348.  
  1349.  
  1350.  
  1351.  
  1352.  
  1353.  
  1354.  
  1355.  
  1356.  
  1357.  
  1358.  
  1359.  
  1360.  
  1361.  
  1362.  
  1363.  
  1364. <div style="position:fixed; bottom:30px; right:30px; background:white; border: 1px solid #eee; padding:10px; font-family:dancing script; font-size: 20px; line-height: 10px;z-index:99999;"><a href="http://mkbye.tumblr.com" title="theme made by mkbye!">mkbye</a></div>
  1365.  
  1366.  
  1367. </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!