API tools faq
paste
Advertisement
mkbye

thm 39 (pt.2) — mkbye:celina

mkbye
Aug 8th, 2015
618
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.28 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme 39 (pt. 2)
  3. ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀ 　 █▀▀▄ █░░█
  4. ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█ 　 █▀▀▄ █▄▄█
  5. ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀ 　 ▀▀▀░ ▄▄▄█
  6.  
  7. █▀▄▀█ █░█ █▀▀▄ █░░█ █▀▀ 　 ▄ ▀▄
  8. █░▀░█ █▀▄ █▀▀▄ █▄▄█ █▀▀ 　 ░ ░█
  9. ▀░░░▀ ▀░▀ ▀▀▀░ ▄▄▄█ ▀▀▀ 　 ▀ ▄▀
  10. Please don't remove credit! If you do, please put it in your FAQ. Thank you :)
  11. http://mkbye.tumblr.com/
  12.  
  13. Theme created: 07.07.15-07.08.15
  14. Theme posted publicly: 08.08.15
  15. -->
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22. <html lang="en">
  23. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  24. <html xmlns="http://www.w3.org/1999/xhtml">
  25. <head>
  26. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  27. <script type="text/javascript">
  28. WebFontConfig = {
  29. 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' ] }
  30. };
  31. (function() {
  32. var wf = document.createElement('script');
  33. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  34. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  35. wf.type = 'text/javascript';
  36. wf.async = 'true';
  37. var s = document.getElementsByTagName('script')[0];
  38. s.parentNode.insertBefore(wf, s);
  39. })(); </script>
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42. <script>
  43. (function($){
  44. $(document).ready(function(){
  45. $("a[title]").style_my_tooltips({
  46. tip_follows_cursor:true,
  47. tip_delay_time:90,
  48. tip_fade_speed:600,
  49. attribute:"title"
  50. });
  51. });
  52. })(jQuery);
  53. </script>
  54. <script>
  55. $(document).ready(function() {
  56. //
  57. $('a.poplight[href^=#]').click(function() {
  58. var popID = $(this).attr('rel'); //Get Popup Name
  59. var popURL = $(this).attr('href'); //Get Popup href to define size
  60. var query= popURL.split('?');
  61. var dim= query[1].split('&');
  62. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  63. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  64. var popMargTop = ($('#' + popID).height() + 80) / 2;
  65. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  66. //Apply Margin to Popup
  67. $('#' + popID).css({
  68. 'margin-top' : -popMargTop,
  69. 'margin-left' : -popMargLeft
  70. });
  71. $('body').append('<div id="fade"></div>');
  72. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  73. return false;
  74. });
  75. $('a.close, #fade').live('click', function() {
  76. $('#fade , .popup_block, .popup_block2, .popup_block3').fadeOut(function() {
  77. $('#fade, a.close').remove(); //fade them both out
  78. });
  79. return false;
  80. });
  81. });
  82. </script>
  83.  
  84.  
  85. <script type="text/javascript">
  86. <!--
  87.  
  88. // Disable Right Click Script
  89.  
  90. function IE(e)
  91. {
  92. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  93. {
  94. return false;
  95. }
  96. }
  97. function NS(e)
  98. {
  99. if (document.layers || (document.getElementById && !document.all))
  100. {
  101. if (e.which == "2" || e.which == "3")
  102. {
  103. return false;
  104. }
  105. }
  106. }
  107. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  108.  
  109. //-->
  110. </script>
  111.  
  112.  
  113. <script type="text/javascript"
  114. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  115.  
  116. <!--DEFAULT VARIABLES-->
  117. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  118. <meta name="color:background" content="#fff"/>
  119. <meta name="color:link" content="#777"/>
  120. <meta name="color:text" content="#777"/>
  121. <meta name="color:title" content="#333"/>
  122. <meta name="color:hover" content="#fff"/>
  123. <meta name="image:background" content="1"/>
  124.  
  125. <meta name="image:icon" content="1"/>
  126.  
  127. <meta name="color:border1" content="#fff"/>
  128. <meta name="color:border2" content="#fff"/>
  129. <meta name="color:border3" content="#fff"/>
  130. <meta name="color:bars" content="#fff"/>
  131. <meta name="color:bars2" content="#fff"/>
  132. <meta name="color:blogtitle" content="#fff"/>
  133.  
  134. <meta name="text:link 1" content="/"/>
  135. <meta name="text:link 1 msg" content="msg"/>
  136. <meta name="text:link 2" content="/"/>
  137. <meta name="text:link 2 msg" content="msg"/>
  138. <meta name="text:link 3" content="/"/>
  139. <meta name="text:link 3 msg" content="msg"/>
  140. <meta name="text:link 4" content="/"/>
  141. <meta name="text:link 4 msg" content="msg"/>
  142. <meta name="text:link 5" content="/"/>
  143. <meta name="text:link 5 msg" content="msg"/>
  144.  
  145. <meta name="text:blogtitle" content="blogtitle"/>
  146. <meta name="text:title font size" content="70"/>
  147. <meta name="text:stats" content="34 online | 250000 offline | 19500 followers"/>
  148. <meta name="text:name" content="celina"/>
  149. <meta name="select:title font" content="allura" title="font 1"/>
  150. <meta name="select:title font" content="roboto" title="font 2"/>
  151. <meta name="select:title font" content="pinyon script" title="font 3"/>
  152. <meta name="select:title font" content="dancing script" title="font 4"/>
  153. <meta name="select:title font" content="clicker script" title="font 5"/>
  154. <meta name="select:title font" content="great vibes" title="font 6"/>
  155. <meta name="select:title font" content="satisfy" title="font 7"/>
  156. <meta name="select:title font" content="raleway" title="font 8"/>
  157.  
  158. <meta name="text:stats popup" content="example: Update theme on 08.31.15, Switched blog types on 03.12.15"/>
  159. <meta name="text:updates popup" content="example: Reached 10k followers on 09.16.13, Reached 20k pageviews on 01.25.14"/>
  160.  
  161. <style type="text/css">
  162.  
  163. #s-m-t-tooltip {
  164. max-width:300px;
  165. padding:6px 6px 6px 6px;
  166. margin:20px 0px 0px 20px;
  167. background:{color:border2};
  168. letter-spacing:0px; /* change the letter spacing */
  169. color:white; /* change the text color */
  170. font-size:9px;
  171. text-transform:uppercase;
  172. text-shadow: 1px 1px {color:link};
  173. border-radius:1px;
  174. z-index:999999999999999999999999999999999999;
  175. }
  176.  
  177. #fade { /*--Transparent background layer--*/
  178. display: none; /*--hidden by default--*/
  179. position: fixed; left: 0; top: 0;
  180. background-color: {color:Background};
  181. background-image:url({image:Background});
  182. width: 100%; height: 100%;
  183. opacity:0.9;
  184. z-index: 99999999;
  185. }
  186.  
  187. .popup_block{
  188. -webkit-animation: tada 2s;
  189. -moz-animation: tada 2s;
  190. -ms-animation: tada 2s;
  191. display: none; /*--hidden by default--*/
  192. padding: 20px;
  193. float: left;
  194. font-size:10px;
  195. position: fixed;
  196. color:white;
  197. top: 50%; left: 50%;
  198. z-index: 9999999999999;
  199. background:{color:border1};
  200. }
  201.  
  202. .popup_block2{
  203. -webkit-animation: tada 2s;
  204. -moz-animation: tada 2s;
  205. -ms-animation: tada 2s;
  206. display: none; /*--hidden by default--*/
  207. padding: 20px;
  208. float: left;
  209. font-size:10px;
  210. position: fixed;
  211. color:white;
  212. top: 50%; left: 50%;
  213. z-index: 9999999999999;
  214. background:{color:border2};
  215. }
  216.  
  217. .popup_block3{
  218. -webkit-animation: tada 2s;
  219. -moz-animation: tada 2s;
  220. -ms-animation: tada 2s;
  221. display: none; /*--hidden by default--*/
  222. padding: 20px;
  223. float: left;
  224. font-size:10px;
  225. position: fixed;
  226. color:white;
  227. top: 50%; left: 50%;
  228. z-index: 9999999999999;
  229. background:{color:border3};
  230. }
  231.  
  232.  
  233. ::-webkit-scrollbar {width: 5px; height: 5px; background: #FFFFFF;}
  234. ::-webkit-scrollbar-thumb {background-color:{color:border2};}
  235.  
  236. 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-
  237.  
  238. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  239.  
  240. 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;}
  241.  
  242. p {
  243. margin:0px;
  244. margin-top:0px;
  245. }
  246.  
  247.  
  248. body {
  249. padding: 0px;
  250. margin: 0px;
  251. color:{color:text};
  252. font-family:Trebuchet MS;
  253. line-height:12px;
  254. font-size:11px;
  255. background-color: {color:Background};
  256. background-image:url({image:Background});
  257. background-attachment: fixed;
  258. background-repeat: repeat;
  259. }
  260.  
  261. a:link, a:active, a:visited{
  262. text-decoration: none;
  263. -webkit-transition: color 0.3s ease-out;
  264. -moz-transition: color 0.3s ease-out;
  265. transition: color 0.3s ease-out;
  266. color:{color:link};
  267. }
  268.  
  269. a:hover {
  270. text-decoration: none;
  271. font-style:;
  272. color: {color:Hover};
  273. }
  274.  
  275. div#center{
  276. margin:auto;
  277. position:relative;
  278. width:1250px;
  279. background-color:;
  280. overflow:auto;
  281. overflow-y:hidden;
  282. }
  283.  
  284. .entry {
  285. float:left;
  286. display: block;
  287. margin:5px;
  288. overflow:hidden;
  289. width:250px;
  290. padding:20px;
  291. padding-bottom:17px;
  292. border:1px solid #f4f4f4;
  293. {block:PermalinkPage}
  294. width:450px;
  295. text-align:left;
  296. line-height:10px;
  297. margin-left:400px;
  298. {/block:PermalinkPage}
  299. background:white;
  300. }
  301.  
  302. .entry .bg{
  303. width:250px;
  304. height:100%;
  305. margin-left:100px;
  306. position: absolute;
  307. padding:10px;
  308. overflow:hidden;
  309. text-align:center;
  310. background:white;
  311. color:white;
  312. top:-250px;
  313. opacity:0;
  314. -webkit-transition: all .7s ease;
  315. -moz-transition: all .7s ease;
  316. -o-transition: all .7s ease;
  317. transition: all .7s ease;
  318. }
  319.  
  320. .entry:hover .bg{
  321. overflow:visible;
  322. opacity:0.5;
  323. margin-left:0px;
  324. top:20px;
  325. }
  326.  
  327. .entry .perma{
  328. width:50px;
  329. height:50px;
  330. margin-left:-100px;
  331. position: absolute;
  332. padding:10px;
  333. overflow:hidden;
  334. text-align:center;
  335. background:{color:blogtitle};
  336. color:white;
  337. bottom:-119px;
  338. opacity:0;
  339. font-size:9px;
  340. font-family:raleway;
  341. -webkit-transition: all .7s ease;
  342. -moz-transition: all .7s ease;
  343. -o-transition: all .7s ease;
  344. transition: all .7s ease;
  345. border-top:5px solid #fff;
  346. border-right:5px solid #fff;
  347. }
  348.  
  349. .perma a{
  350. color:white;
  351. }
  352.  
  353. .entry:hover .perma{
  354. overflow:visible;
  355. opacity:1;
  356. margin-left:0px;
  357. bottom:19px;
  358. }
  359.  
  360. #posts {
  361. width:auto;
  362. margin-top:250px;
  363. z-index:99;
  364. margin-left:20px;
  365. right:auto;
  366. background:transparent;
  367. margin-right:auto;
  368. position:relative;
  369. overflow-y: hidden;
  370. }
  371.  
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399. #lbr{
  400. position:fixed !important;
  401. z-index:99999;
  402. left:0px;
  403. top:0px;
  404. width:15px;
  405. height:500px;
  406. background:{color:bars};
  407. }
  408.  
  409. #rbr{
  410. position:fixed !important;
  411. z-index:99999;
  412. right:0px;
  413. top:0px;
  414. width:15px;
  415. height:350px;
  416. background:{color:bars};
  417. }
  418.  
  419. #tbr{
  420. position:fixed !important;
  421. z-index:99999;
  422. left:0px;
  423. top:0px;
  424. width:100%;
  425. height:15px;
  426. background:{color:bars};
  427. }
  428.  
  429. #lbr2{
  430. position:fixed !important;
  431. z-index:9999;
  432. left:0px;
  433. top:0px;
  434. width:15px;
  435. height:100%;
  436. background:{color:bars2};
  437. }
  438.  
  439. #rbr2{
  440. position:fixed !important;
  441. z-index:9999;
  442. right:0px;
  443. top:0px;
  444. width:15px;
  445. height:100%;
  446. background:{color:bars2};
  447. }
  448.  
  449. #bbr{
  450. position:fixed !important;
  451. z-index:99999;
  452. left:0px;
  453. bottom:0px;
  454. width:100%;
  455. height:15px;
  456. background:{color:bars2};
  457. text-align:center;
  458. font-family:raleway;
  459. text-transform:uppercase;
  460. line-height:15px;
  461. }
  462.  
  463. #bbr a{
  464. color:white;
  465. }
  466.  
  467. #hr{
  468. position:fixed !important;
  469. z-index:9999;
  470. top:0px;
  471. left:0px;
  472. height:200px;
  473. width:100%;
  474. background:white;
  475. text-align:center;
  476. overflow:auto;
  477. }
  478.  
  479. #in{
  480. position:fixed !important;
  481. margin-top:40px;
  482. margin-left:150px;
  483. height:120px;
  484. width:120px;
  485. background:{color:border1};
  486. -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.1);
  487. -webkit-transition: all .7s ease;
  488. -moz-transition: all .7s ease;
  489. -o-transition: all .7s ease;
  490. transition: all .7s ease;
  491. -webkit-animation:fadeInLeftBig 1.5s;
  492. -moz-animation:fadeInLeftBig 1.5s;
  493. -ms-animation:fadeInLeftBig 1.5s;
  494. }
  495.  
  496. #hr:hover #in{
  497. -webkit-box-shadow: inset 60px 0px 0px {color:border2};
  498. }
  499.  
  500. #in img{
  501. height:110px;
  502. width:110px;
  503. padding:10px;
  504. }
  505.  
  506. #dc{
  507. position:fixed !important;
  508. z-index:99;
  509. margin-top:40px;
  510. margin-left:270px;
  511. width:160px;
  512. height:80px;
  513. padding:20px;
  514. background:{color:border2};
  515. color:white;
  516. font-size:9px;
  517. font-family:raleway;
  518. text-align:center;
  519. overflow:auto;
  520. -webkit-transition: all .7s ease;
  521. -moz-transition: all .7s ease;
  522. -o-transition: all .7s ease;
  523. transition: all .7s ease;
  524. -webkit-animation:fadeInLeftBig 1.5s;
  525. -moz-animation:fadeInLeftBig 1.5s;
  526. -ms-animation:fadeInLeftBig 1.5s;
  527. }
  528.  
  529. #hr:hover #dc{
  530. height:90px;
  531. }
  532.  
  533. #dctxt{
  534. margin-top:0px;
  535. margin-left:0px;
  536. width:160px;
  537. height:70px;
  538. color:white;
  539. font-size:9px;
  540. font-family:raleway;
  541. text-align:center;
  542. overflow:auto;
  543. }
  544.  
  545. #dctxt a{
  546. text-shadow: 1px 1px white;
  547. }
  548.  
  549. #les{
  550. position:fixed !important;
  551. margin-top:100px;
  552. margin-left:0px;
  553. width:100%;
  554. height:20px;
  555. border-top:1px solid {color:border3};
  556. border-bottom:1px solid {color:border3};
  557. }
  558.  
  559. #cbr{
  560. position:fixed !important;
  561. margin-top:160px;
  562. margin-left:150px;
  563. width:320px;
  564. height:10px;
  565. background:{color:border1};
  566. -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.1);
  567. -webkit-transition: all .7s ease;
  568. -moz-transition: all .7s ease;
  569. -o-transition: all .7s ease;
  570. transition: all .7s ease;
  571. -webkit-animation:fadeInLeftBig 1.5s;
  572. -moz-animation:fadeInLeftBig 1.5s;
  573. -ms-animation:fadeInLeftBig 1.5s;
  574. }
  575.  
  576. #hr:hover #cbr{
  577. -webkit-box-shadow: inset 60px 0px 0px {color:border2};
  578. }
  579.  
  580. #le{
  581. position:fixed !important;
  582. width:167px;
  583. height:1px;
  584. margin-top:15px;
  585. margin-left:-5px;
  586. background:white;
  587. }
  588.  
  589. #us{
  590. position:fixed !important;
  591. width:auto;
  592. height:10px;
  593. margin-top:8px;
  594. margin-left:7px;
  595. text-transform:uppercase;
  596. color:white;
  597. font-size:9px;
  598. letter-spacing:2px;
  599. background:{color:border2};
  600. text-align:center;
  601. padding:2px;
  602. }
  603.  
  604. #us a{
  605. color:white;
  606. }
  607.  
  608. #ss{
  609. position:fixed !important;
  610. width:auto;
  611. height:10px;
  612. margin-top:8px;
  613. margin-left:78px;
  614. text-transform:uppercase;
  615. color:white;
  616. font-size:9px;
  617. letter-spacing:2px;
  618. background:{color:border2};
  619. text-align:center;
  620. padding:2px;
  621. }
  622.  
  623. #ss a{
  624. color:white;
  625. }
  626.  
  627. #tt{
  628. position:fixed !important;
  629. width:400px;
  630. height:200px;
  631. margin-top:0px;
  632. margin-left:590px;
  633. background:white;
  634. font-family:{select:title font};
  635. font-size:{text:title font size}px;
  636. color:{color:blogtitle};
  637. line-height:200px;
  638. -webkit-animation:fadeInDownBig 1.5s;
  639. -moz-animation:fadeInDownBig 1.5s;
  640. -ms-animation:fadeInDownBig 1.5s;
  641. }
  642.  
  643. #stats{
  644. position:fixed !important;
  645. width:400px;
  646. height:20px;
  647. margin-top:140px;
  648. margin-left:590px;
  649. font-family:raleway;
  650. font-size:13px;
  651. color:{color:blogtitle};
  652. line-height:20px;
  653. letter-spacing:0px;
  654. opacity:1;
  655. text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  656. -webkit-animation:fadeInDownBig 1.5s;
  657. -moz-animation:fadeInDownBig 1.5s;
  658. -ms-animation:fadeInDownBig 1.5s;
  659. }
  660.  
  661. #stats a{
  662. color:{color:blogtitle};
  663. }
  664.  
  665. #lkbx{
  666. position:fixed;
  667. z-index:9999999;
  668. margin-top:336px;
  669. margin-left:700px;
  670. width:400px;
  671. height:32px;
  672. background:black;
  673. opacity:0;
  674. -webkit-transition: all .7s ease;
  675. -moz-transition: all .7s ease;
  676. -o-transition: all .7s ease;
  677. transition: all .7s ease;
  678. }
  679.  
  680. #hr:hover #lkbx{
  681. opacity:1;
  682. margin-top:168px;
  683. }
  684.  
  685. #l1 a{
  686. position:fixed;
  687. width:100px;
  688. height:32px;
  689. margin-top:0px;
  690. margin-left:-400px;
  691. background:{color:border1};
  692. line-height:32px;
  693. font-family:raleway;
  694. color:white;
  695. text-shadow: 1px 1px {color:link};
  696. }
  697.  
  698. #l2 a{
  699. position:fixed;
  700. width:100px;
  701. height:32px;
  702. margin-top:0px;
  703. margin-left:-300px;
  704. background:{color:border2};
  705. line-height:32px;
  706. font-family:raleway;
  707. color:white;
  708. text-shadow: 1px 1px {color:link};
  709. }
  710.  
  711. #l3 a{
  712. position:fixed;
  713. width:100px;
  714. height:32px;
  715. margin-top:0px;
  716. margin-left:-200px;
  717. background:{color:border3};
  718. line-height:32px;
  719. font-family:raleway;
  720. color:white;
  721. text-shadow: 1px 1px {color:link};
  722. }
  723.  
  724. #l4 a{
  725. position:fixed;
  726. width:100px;
  727. height:32px;
  728. margin-top:0px;
  729. margin-left:-100px;
  730. background:{color:border1};
  731. line-height:32px;
  732. font-family:raleway;
  733. color:white;
  734. text-shadow: 1px 1px {color:link};
  735. }
  736.  
  737. #l5 a{
  738. position:fixed;
  739. width:100px;
  740. height:32px;
  741. margin-top:0px;
  742. margin-left:0px;
  743. background:{color:blogtitle};
  744. line-height:32px;
  745. font-family:raleway;
  746. color:white;text-shadow: 1px 1px {color:link};
  747. }
  748.  
  749. #l6 a{
  750. position:fixed;
  751. width:100px;
  752. height:32px;
  753. margin-top:0px;
  754. margin-left:100px;
  755. background:{color:title};
  756. line-height:32px;
  757. font-family:raleway;
  758. color:white;text-shadow: 1px 1px {color:link};
  759. }
  760.  
  761. #l1txt{
  762. position:fixed;
  763. width:100px;
  764. height:32px;
  765. margin-top:0px;
  766. margin-left:0px;
  767. background:{color:border2};
  768. line-height:32px;
  769. font-family:raleway;
  770. color:white;
  771. opacity:0;
  772. -webkit-transition: all .3s ease;
  773. -moz-transition: all .3s ease;
  774. -o-transition: all .3s ease;
  775. transition: all .3s ease;
  776. }
  777.  
  778. #l1 a:hover #l1txt{
  779. opacity:1;
  780. margin-top:-32px;
  781. }
  782.  
  783. #l2txt{
  784. position:fixed;
  785. width:100px;
  786. height:32px;
  787. margin-top:0px;
  788. margin-left:0px;
  789. background:{color:border3};
  790. line-height:32px;
  791. font-family:raleway;
  792. color:white;
  793. opacity:0;
  794. -webkit-transition: all .3s ease;
  795. -moz-transition: all .3s ease;
  796. -o-transition: all .3s ease;
  797. transition: all .3s ease;
  798. }
  799.  
  800. #l2 a:hover #l2txt{
  801. opacity:1;
  802. margin-top:-32px;
  803. }
  804.  
  805. #l3txt{
  806. position:fixed;
  807. width:100px;
  808. height:32px;
  809. margin-top:0px;
  810. margin-left:0px;
  811. background:{color:blogtitle};
  812. line-height:32px;
  813. font-family:raleway;
  814. color:white;
  815. opacity:0;
  816. -webkit-transition: all .3s ease;
  817. -moz-transition: all .3s ease;
  818. -o-transition: all .3s ease;
  819. transition: all .3s ease;
  820. }
  821.  
  822. #l3 a:hover #l3txt{
  823. opacity:1;
  824. margin-top:-32px;
  825. }
  826.  
  827. #l4txt{
  828. position:fixed;
  829. width:100px;
  830. height:32px;
  831. margin-top:0px;
  832. margin-left:0px;
  833. background:{color:title};
  834. line-height:32px;
  835. font-family:raleway;
  836. color:white;
  837. opacity:0;
  838. -webkit-transition: all .3s ease;
  839. -moz-transition: all .3s ease;
  840. -o-transition: all .3s ease;
  841. transition: all .3s ease;
  842. }
  843.  
  844. #l4 a:hover #l4txt{
  845. opacity:1;
  846. margin-top:-32px;
  847. }
  848.  
  849. #l5txt{
  850. position:fixed;
  851. width:100px;
  852. height:32px;
  853. margin-top:0px;
  854. margin-left:0px;
  855. background:{color:border1};
  856. line-height:32px;
  857. font-family:raleway;
  858. color:white;
  859. opacity:0;
  860. -webkit-transition: all .3s ease;
  861. -moz-transition: all .3s ease;
  862. -o-transition: all .3s ease;
  863. transition: all .3s ease;
  864. }
  865.  
  866. #l5 a:hover #l5txt{
  867. opacity:1;
  868. margin-top:-32px;
  869. }
  870.  
  871. #l6txt{
  872. position:fixed;
  873. width:100px;
  874. height:32px;
  875. margin-top:0px;
  876. margin-left:0px;
  877. background:{color:border2};
  878. line-height:32px;
  879. font-family:raleway;
  880. color:white;
  881. opacity:0;
  882. -webkit-transition: all .3s ease;
  883. -moz-transition: all .3s ease;
  884. -o-transition: all .3s ease;
  885. transition: all .3s ease;
  886. }
  887.  
  888. #l6 a:hover #l6txt{
  889. opacity:1;
  890. margin-top:-32px;
  891. }
  892.  
  893.  
  894.  
  895.  
  896.  
  897.  
  898. #albumart img{
  899. width:70px;
  900. height:70px;
  901. border:2px solid {color:blogtitle};
  902. }
  903.  
  904. .title2{
  905. line-height:30px;
  906. font-family:dancing script;
  907. font-size:17px;
  908. color:{color:Title};
  909. font-weight: normal;
  910. margin-top:-60px;
  911. margin-left:80px;
  912. text-align:center;
  913. }
  914.  
  915. .title3{
  916. font-weight: normal;
  917. margin-top:0px;
  918. margin-left:80px;
  919. text-align:center;
  920. font-family:roboto;
  921. }
  922.  
  923. #f{
  924. position:fixed !important;
  925. width:150px;
  926. height:150px;
  927. margin-top:30px;
  928. margin-left:1150px;
  929. }
  930.  
  931. #f img{
  932. width:150px;
  933. height:150px;
  934. }
  935.  
  936.  
  937.  
  938. #question{
  939. width:230px;
  940. height:auto;
  941. background:#f4f4f4;
  942. padding:10px;
  943. text-align:justify;
  944. border-radius:5px;
  945. {block:permalinkpage}
  946. width:430px;
  947. {/block:permalinkpage}}
  948.  
  949. #answer{
  950. width:230px;
  951. height:auto;
  952. background:{color:title};
  953. padding:10px;
  954. text-align:justify;
  955. border-radius:5px;
  956. {block:permalinkpage}
  957. width:430px;
  958. {/block:permalinkpage}}
  959.  
  960. #answer a{
  961. text-shadow: 1px 1px white;
  962. }
  963.  
  964. .title{
  965. line-height: 25px;
  966. font-family:raleway;
  967. font-size:15px;
  968. color:{color:Title};
  969. font-weight: normal;
  970. text-transform:uppercase;
  971. }
  972.  
  973. .quote{
  974. color:white;
  975. font-size:9px;
  976. text-transform:normal;
  977. }
  978.  
  979.  
  980. .permalink{
  981. text-transform: normal;
  982. display: block;
  983. text-align: right;
  984. text-decoration: none;
  985. }
  986.  
  987.  
  988.  
  989. #infscr-loading{
  990. bottom: -70px;
  991. position: absolute;
  992. left: 50%;
  993. margin-left:-8px;
  994. width:16px;
  995. height:11px;
  996. overflow:hidden;
  997. margin-bottom: 50px;
  998. }
  999.  
  1000. #postnotes{
  1001. text-align: justify;}
  1002.  
  1003. #postnotes blockquote{
  1004. border: 0px;}
  1005.  
  1006. blockquote{
  1007. padding:0px 0px 2px 5px;
  1008. margin:0px 0px 2px 10px;
  1009. border-left: 1px dotted #555555;
  1010. }
  1011.  
  1012. blockquote p, ul{
  1013. margin:0px;
  1014. padding:0px;
  1015. }
  1016.  
  1017. a img{border: 0px;}
  1018.  
  1019.  
  1020. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1021.  
  1022. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1023. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1024.  
  1025. .notes img{width:10px; position:relative; top:3px;margin:5px;}
  1026. <--ses-->
  1027. small{font-size: 90%;}
  1028.  
  1029. {CustomCSS}
  1030.  
  1031. @-webkit-keyframes fadeInUpBig {
  1032. 0% {
  1033. opacity: 0;
  1034. -webkit-transform: translateY(2000px);
  1035. }
  1036.  
  1037. 100% {
  1038. opacity: 1;
  1039. -webkit-transform: translateY(0);
  1040. }
  1041. }
  1042.  
  1043. @-moz-keyframes fadeInUpBig {
  1044. 0% {
  1045. opacity: 0;
  1046. -moz-transform: translateY(2000px);
  1047. }
  1048.  
  1049. 100% {
  1050. opacity: 1;
  1051. -moz-transform: translateY(0);
  1052. }
  1053. }
  1054.  
  1055. @-o-keyframes fadeInUpBig {
  1056. 0% {
  1057. opacity: 0;
  1058. -o-transform: translateY(2000px);
  1059. }
  1060.  
  1061. 100% {
  1062. opacity: 1;
  1063. -o-transform: translateY(0);
  1064. }
  1065. }
  1066.  
  1067. @keyframes fadeInUpBig {
  1068. 0% {
  1069. opacity: 0;
  1070. transform: translateY(2000px);
  1071. }
  1072.  
  1073. 100% {
  1074. opacity: 1;
  1075. transform: translateY(0);
  1076. }
  1077. }
  1078.  
  1079. .fadeInUpBig {
  1080. -webkit-animation-name: fadeInUpBig;
  1081. -moz-animation-name: fadeInUpBig;
  1082. -o-animation-name: fadeInUpBig;
  1083. animation-name: fadeInUpBig;
  1084. }
  1085.  
  1086. @-webkit-keyframes fadeInDownBig {
  1087. 0% {
  1088. opacity: 0;
  1089. -webkit-transform: translateY(-2000px);
  1090. }
  1091.  
  1092. 100% {
  1093. opacity: 1;
  1094. -webkit-transform: translateY(0);
  1095. }
  1096. }
  1097.  
  1098. @-moz-keyframes fadeInDownBig {
  1099. 0% {
  1100. opacity: 0;
  1101. -moz-transform: translateY(-2000px);
  1102. }
  1103.  
  1104. 100% {
  1105. opacity: 1;
  1106. -moz-transform: translateY(0);
  1107. }
  1108. }
  1109.  
  1110. @-ms-keyframes fadeInDownBig {
  1111. 0% {
  1112. opacity: 0;
  1113. -ms-transform: translateY(-2000px);
  1114. }
  1115.  
  1116. 100% {
  1117. opacity: 1;
  1118. -ms-transform: translateY(0);
  1119. }
  1120. }
  1121.  
  1122. @-o-keyframes fadeInDownBig {
  1123. 0% {
  1124. opacity: 0;
  1125. -o-transform: translateY(-2000px);
  1126. }
  1127.  
  1128. 100% {
  1129. opacity: 1;
  1130. -o-transform: translateY(0);
  1131. }
  1132. }
  1133.  
  1134. @keyframes fadeInDownBig {
  1135. 0% {
  1136. opacity: 0;
  1137. transform: translateY(-2000px);
  1138. }
  1139.  
  1140. 100% {
  1141. opacity: 1;
  1142. transform: translateY(0);
  1143. }
  1144. }
  1145.  
  1146. @mixin fadeInDownBig($duration, $delay, $function, $fill, $visibility) {
  1147. -webkit-animation-name: fadeInDownBig;
  1148. -moz-animation-name: fadeInDownBig;
  1149. -ms-animation-name: fadeInDownBig;
  1150. -o-animation-name: fadeInDownBig;
  1151. animation-name: fadeInDownBig;
  1152. @include duration($duration);
  1153. @include delay($delay);
  1154. @include function($function);
  1155. @include fill-mode($fill);
  1156. @include visibility($visibility);
  1157. }
  1158.  
  1159. @-webkit-keyframes fadeInLeftBig {
  1160. 0% {
  1161. opacity: 0;
  1162. -webkit-transform: translateX(-2000px);
  1163. }
  1164.  
  1165. 100% {
  1166. opacity: 1;
  1167. -webkit-transform: translateX(0);
  1168. }
  1169. }
  1170. @-moz-keyframes fadeInLeftBig {
  1171. 0% {
  1172. opacity: 0;
  1173. -moz-transform: translateX(-2000px);
  1174. }
  1175.  
  1176. 100% {
  1177. opacity: 1;
  1178. -moz-transform: translateX(0);
  1179. }
  1180. }
  1181. @-o-keyframes fadeInLeftBig {
  1182. 0% {
  1183. opacity: 0;
  1184. -o-transform: translateX(-2000px);
  1185. }
  1186.  
  1187. 100% {
  1188. opacity: 1;
  1189. -o-transform: translateX(0);
  1190. }
  1191. }
  1192. @keyframes fadeInLeftBig {
  1193. 0% {
  1194. opacity: 0;
  1195. transform: translateX(-2000px);
  1196. }
  1197.  
  1198. 100% {
  1199. opacity: 1;
  1200. transform: translateX(0);
  1201. }
  1202. }
  1203.  
  1204. .fadeInLeftBig {
  1205. -webkit-animation-name: fadeInLeftBig;
  1206. -moz-animation-name: fadeInLeftBig;
  1207. -o-animation-name: fadeInLeftBig;
  1208. animation-name: fadeInLeftBig;
  1209. }
  1210.  
  1211. @-webkit-keyframes fadeInRightBig {
  1212. 0% {
  1213. opacity: 0;
  1214. -webkit-transform: translateX(2000px);
  1215. }
  1216.  
  1217. 100% {
  1218. opacity: 1;
  1219. -webkit-transform: translateX(0);
  1220. }
  1221. }
  1222.  
  1223. @-moz-keyframes fadeInRightBig {
  1224. 0% {
  1225. opacity: 0;
  1226. -moz-transform: translateX(2000px);
  1227. }
  1228.  
  1229. 100% {
  1230. opacity: 1;
  1231. -moz-transform: translateX(0);
  1232. }
  1233. }
  1234.  
  1235. @-o-keyframes fadeInRightBig {
  1236. 0% {
  1237. opacity: 0;
  1238. -o-transform: translateX(2000px);
  1239. }
  1240.  
  1241. 100% {
  1242. opacity: 1;
  1243. -o-transform: translateX(0);
  1244. }
  1245. }
  1246.  
  1247. @keyframes fadeInRightBig {
  1248. 0% {
  1249. opacity: 0;
  1250. transform: translateX(2000px);
  1251. }
  1252.  
  1253. 100% {
  1254. opacity: 1;
  1255. transform: translateX(0);
  1256. }
  1257. }
  1258.  
  1259. .fadeInRightBig {
  1260. -webkit-animation-name: fadeInRightBig;
  1261. -moz-animation-name: fadeInRightBig;
  1262. -o-animation-name: fadeInRightBig;
  1263. animation-name: fadeInRightBig;
  1264. }
  1265.  
  1266. @-webkit-keyframes fadeInLeftBig {0% {opacity: 0; -webkit-transform: translateX(2000px);} 100% {opacity: 1; -webkit-transform: translateX(0);}}
  1267. </style>
  1268.  
  1269. {block:IndexPage}
  1270. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1271. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1272. <script type="text/javascript" src="http://static.tumblr.com/tk7f1db/vGfn06hpd/document.txt"></script>
  1273.  
  1274. <script type="text/javascript">
  1275. $(window).load(function(){
  1276. var $wall = $('#posts');
  1277. $wall.imagesLoaded(function(){
  1278. $wall.masonry({
  1279. itemSelector: '.entry, .entry_photo',
  1280. isAnimated : false
  1281. });
  1282. });
  1283.  
  1284. $wall.infinitescroll({
  1285. navSelector : '#pagination',
  1286. nextSelector : '#pagination a',
  1287. itemSelector : '.entry, .entry_photo',
  1288. bufferPx : 2000,
  1289. debug : false,
  1290. errorCallback: function() {
  1291. $('#infscr-loading').fadeOut('normal');
  1292. }},
  1293. function( newElements ) {
  1294. var $newElems = $( newElements );
  1295. $newElems.hide();
  1296. $newElems.imagesLoaded(function(){
  1297. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1298. });
  1299. }); $('#posts').show(500);
  1300. });
  1301. </script>
  1302.  
  1303.  
  1304. {/block:IndexPage}
  1305.  
  1306.  
  1307. <title>{title}</title>
  1308.  
  1309. <link rel="shortcut icon" href="http://31.media.tumblr.com/tumblr_lnvurxvJ8i1qepbs7.png" />
  1310. <meta name="viewport" content="width=820" />
  1311. </head>
  1312.  
  1313. <body>
  1314. <BODY onselectstart="return false;" ondragstart="return false;">
  1315. <div class="wrapper">
  1316. <div class="header">
  1317. </div>
  1318.  
  1319. <div id="cage">
  1320. <div id="center">
  1321.  
  1322. <div id="lbr"></div>
  1323. <div id="rbr"></div>
  1324. <div id="tbr"></div>
  1325. <div id="lbr2"></div>
  1326. <div id="rbr2"></div>
  1327. <div id="bbr"></div>
  1328.  
  1329.  
  1330. <div id="hr">
  1331. <div id="les"></div>
  1332. <div id="in"><img src="{image:icon}"></div>
  1333. <div id="dc"><div id="dctxt">{description}</div>
  1334. <div id="le"></div>
  1335. <div id="us"><a href="#?w=220" rel="02" class="poplight">updates</a></div>
  1336. <div id="ss"><a href="#?w=220" rel="03" class="poplight">statistics</a></div></div>
  1337. <div id="cbr"></div>
  1338. <div id="tt"><center>{text:blogtitle} </center></div>
  1339. <div id="stats"><center>{text:stats}</center></div>
  1340.  
  1341. <div id="lkbx">
  1342. <div id="l1"><a href="{text:link 1}">.01
  1343. <div id="l1txt">{text:link 1 msg}</div>
  1344. </a></div>
  1345. <div id="l2"><a href="{text:link 2}">.02
  1346. <div id="l2txt">{text:link 2 msg}</div>
  1347. </a></div>
  1348. <div id="l3"><a href="{text:link 3}">.03
  1349. <div id="l3txt">{text:link 3 msg}</div></a></div>
  1350. <div id="l4"><a href="{text:link 4}">.04
  1351. <div id="l4txt">{text:link 4 msg}</div>
  1352. </a></div>
  1353. <div id="l5"><a href="{text:link 5}">.05
  1354. <div id="l5txt">{text:link 5 msg}</div>
  1355. </a></div>
  1356. <div id="l6"><a href="http://mkbye.tumblr.com">.06
  1357. <div id="l6txt">theme</div>
  1358. </a></div>
  1359. </div>
  1360.  
  1361.  
  1362.  
  1363. </div>
  1364.  
  1365. <div class="left">
  1366. <div id="posts">
  1367. {block:Posts}
  1368. <div class="entry">
  1369.  
  1370.  
  1371.  
  1372.  
  1373.  
  1374.  
  1375.  
  1376. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  1377.  
  1378. </br>
  1379. <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>
  1380.  
  1381. {/block:Text}
  1382.  
  1383.  
  1384.  
  1385.  
  1386.  
  1387. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1388.  
  1389. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1390.  
  1391.  
  1392. {block:Answer}
  1393. <div id="question">
  1394. <font style="color:{color:blogtitle}; text-transform:uppercase; font-style: italic;"><b>{Asker}</b></font>: {question}</div>
  1395.  
  1396. <div style="padding:5px;"></div>
  1397.  
  1398. <div id="answer"><font style="color:white; text-transform:uppercase; font-style: italic;"><b>{text:name}</b></font><font style="color:white">: {answer}</font></div><div style="padding:5px;"></div>
  1399.  
  1400. <div style="width:auto;height:15px;text-align:center;background:{color:link}; color:white; font-size:9px;line-height:15px;font-family:raleway">
  1401. <a href="{ReblogURL}" target="_blank" style="color:white"> reblog </a>, <a href="{Permalink}" style="color:white">{notecountwithlabel}</a>, {timeago}</div>
  1402. {/block:Answer}
  1403.  
  1404.  
  1405.  
  1406. {block:Photo}
  1407. {block:IndexPage}
  1408. <center>
  1409.  
  1410. <div class="bg"></div>
  1411. <div class="perma">
  1412. <a href="{ReblogURL}" target="_blank"> reblog </a></br>
  1413. <a href="{Permalink}">information</a></br>
  1414. {block:NoteCount} {notecount} {/block:NoteCount}</br>
  1415. <a href="/" title="{timeago}">{shortmonth} {dayofmonth} {year}</a>
  1416. </div>
  1417.  
  1418.  
  1419. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1420. {/block:IndexPage}
  1421. {block:PermalinkPage}
  1422. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1423.  
  1424. </br>
  1425. <div style="Text-align:left;">{caption}</div>
  1426. </br>
  1427.  
  1428. <div style="width:440px;padding-right:10px;font-size:9px;height:15px;background:{color:bars2};line-height:15px;text-align:center;color:white;margin-left:0px;font-family:raleway;"><a href="{Permalink}" style="color:white">{notecount} notes | {block:RebloggedFrom} via: <a href={ReblogParentURL}><font style="Color:white">{ReblogParentName}</font></a>{/block:RebloggedFrom} | {ShortMonth}. {ShortDayOfWeek}., {DayOfMonthWithZero} {Year} | {12Hour}:{Minutes} {CapitalAmPm} EST</a></div>
  1429.  
  1430. {LinkCloseTag}
  1431. {/block:PermalinkPage}
  1432. {/block:Photo}
  1433.  
  1434.  
  1435.  
  1436.  
  1437.  
  1438.  
  1439.  
  1440.  
  1441. {block:Photoset}
  1442. {block:IndexPage}
  1443. <center>
  1444.  
  1445. <div class="bg"></div>
  1446. <div class="perma">
  1447. <a href="{ReblogURL}" target="_blank"> reblog </a></br>
  1448. <a href="{Permalink}">information</a></br>
  1449. {block:NoteCount} {notecount} {/block:NoteCount}</br>
  1450. {shortmonth} {dayofmonth} {year}
  1451. </div>
  1452.  
  1453. {Photoset}</center>
  1454. {/block:IndexPage}
  1455. {block:PermalinkPage}
  1456. <center>
  1457. {Photoset}</center></br>
  1458. <div style="text-align:left">{caption}</div></br>
  1459. <div style="width:440px;padding-right:10px;font-size:9px;height:15px;background:{color:border3};line-height:15px;text-align:center;color:white;margin-left:0px;font-family:raleway"><a href="{Permalink}" style="color:white">{notecount} notes | {block:RebloggedFrom} via: <a href={ReblogParentURL}><font style="Color:white">{ReblogParentName}</font></a>{/block:RebloggedFrom} | {ShortMonth}. {ShortDayOfWeek}., {DayOfMonthWithZero} {Year} | {12Hour}:{Minutes} {CapitalAmPm} EST</a></div>
  1460. {/block:PermalinkPage}
  1461. {/block:Photoset}
  1462.  
  1463.  
  1464.  
  1465.  
  1466.  
  1467. {block:Quote}<div style="width:auto;height:auto;background:{color:border2};padding:15px;"><span class="quote">"{Quote}"</span></div><p align=right> — {block:Source}<b><font style="font-family:raleway;line-height:20px;font-size:15px;color:{color:link}">{Source}</font></b>{/block:Source}
  1468.  
  1469. </br>
  1470. <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>{/block:Quote}
  1471.  
  1472.  
  1473.  
  1474.  
  1475.  
  1476. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1477. <ul class="chat">
  1478. {block:Lines}
  1479. <li class="user_{UserNumber}">
  1480. {block:Label}
  1481. <span class="label">{Label}</span>
  1482. {/block:Label}
  1483. {Line}
  1484. </li>
  1485. {/block:Lines}
  1486. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1487. {/block:Chat}
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  
  1493. {block:Audio}
  1494. {block:AlbumArt}
  1495. <div id="albumart"><img src="{AlbumArtURL}"></div>
  1496. {/block:AlbumArt}
  1497. {block:TrackName}
  1498. <div class="title2">{TrackName}</div>
  1499. {/block:TrackName}
  1500. {block:Artist}
  1501. <div class="title3">{Artist}</div>
  1502. {/block:Artist}
  1503.  
  1504. <div style="border:1px solid #ddd; height:30px; margin-top:35px; margin-left:0px;">
  1505. {AudioPlayerWhite}
  1506. </div>
  1507. </br>
  1508. <div style="width:auto;padding-right:10px;font-size:9px;height:15px;background:{color:blogtitle};line-height:15px;text-align:right;font-family:raleway;"><a href="{Permalink}" style="color:white">{notecount} notes | {timeago}</a></div>{/block:IndexPage}
  1509. {/block:Audio}
  1510.  
  1511.  
  1512.  
  1513.  
  1514.  
  1515. {block:Video}
  1516. {block:IndexPage}
  1517. <center>
  1518. <div class="bg"></div>
  1519. <div class="perma">
  1520. <a href="{ReblogURL}" target="_blank"> reblog </a></br>
  1521. <a href="{Permalink}">information</a></br>
  1522. {block:NoteCount} {notecount} {/block:NoteCount}</br>
  1523. {shortmonth} {dayofmonth} {year}
  1524. </div>
  1525. {Video-250}</center>
  1526. {/block:IndexPage}
  1527. {block:PermalinkPage}
  1528. <center>
  1529. {Video-400}</center>
  1530. {/block:PermalinkPage}
  1531. {block:Video}
  1532.  
  1533.  
  1534. {block:PostNotes}
  1535.  
  1536.  
  1537.  
  1538. <div style="padding:5px"></div>
  1539.  
  1540. <div id="postnotes"><div style="height:auto; max-height:300px; border:1px solid {color:bars}; overflow:auto; padding:10px; background:#f4f4f4; font-size:9px;">{PostNotes}</div></div><br>
  1541.  
  1542.  
  1543.  
  1544. {/block:PostNotes}
  1545. </div>
  1546. {/block:Posts}
  1547. </div></div>
  1548.  
  1549. {block:IndexPage}
  1550. {block:Pagination}
  1551. <div id="pagination">
  1552. {block:NextPage}
  1553. <a id="nextPage" href="{NextPage}"></a>
  1554. {/block:NextPage}
  1555. {block:PreviousPage}
  1556. <a href="{PreviousPage}"></a>
  1557. {/block:PreviousPage}
  1558. </div>
  1559. {/block:Pagination}
  1560. {/block:IndexPage}
  1561. </body>
  1562.  
  1563.  
  1564. <div id="04" class="popup_block3">
  1565. <div style="width:230px;height:130px;padding:10px;border:5px solid white;background:#f4f4f4;">
  1566. <div style="font-family:raleway;font-size:20px;text-align:center;color:{color:border3};width:230px;margin-top:0px;margin-left:0px;height:40px;line-height:40px;background:white">Credits</div>
  1567.  
  1568. <div style="padding:5px;font-size:9px;color:{color:text};">
  1569. • <font style="color:{color:border3}"><b>Basecode: </b></font>
  1570. <a href="http://outlasting.tumblr.com/">Nancy</a>, but edited heavily by mkbye.
  1571. </br>
  1572. • <font style="color:{color:border3}"><b>Pop-up Animations: </b></font>
  1573. <a href="http://htmlqueens.tumblr.com/">Claudia</a>, from HTMLQueens
  1574. </br></br>
  1575. <center><b>Everything else (eg. theme) is made by <a href="http://mkbye.tumblr.com">mkbye</a> using her own codes and ideas. If anything inspires you and you use it in your theme, please credit her at <a href="http://mkbye.tumblr.com">mkbye</a>.</b></center></br><div style="padding:5px"></div>
  1576. </div>
  1577. </div>
  1578.  
  1579.  
  1580.  
  1581. </div></div></div></div></div></div></div></div></div></div>
  1582.  
  1583.  
  1584.  
  1585. <div id="03" class="popup_block2">
  1586. <div style="width:190px;height:130px;padding:10px;border:5px solid white;background:#f4f4f4;">
  1587. <div style="font-family:raleway;font-size:20px;text-align:center;color:{color:border2};width:190px;margin-top:0px;margin-left:0px;height:40px;line-height:40px;background:white">Statistics</div>
  1588.  
  1589. <div style="padding:5px;font-size:9px;color:{color:text};">
  1590. {text:stats popup}
  1591. </div>
  1592. </div>
  1593.  
  1594.  
  1595.  
  1596. </div></div></div></div></div></div></div></div></div></div>
  1597.  
  1598.  
  1599.  
  1600.  
  1601. <div id="02" class="popup_block">
  1602.  
  1603. <div style="width:190px;height:130px;padding:10px;border:5px solid white;background:#f4f4f4;">
  1604. <div style="font-family:raleway;font-size:20px;text-align:center;color:{color:border1};width:190px;margin-top:0px;margin-left:0px;height:40px;line-height:40px;background:white">Updates</div>
  1605. </br>
  1606. <div style="padding:5px;font-size:9px;color:{color:text};">
  1607. {text:updates popup}
  1608. </div>
  1609. </div>
  1610.  
  1611. </div></div></div></div></div></div></div></div></div></div>
  1612.  
  1613. <div style="position:fixed; bottom:5px; z-index:99999;left:5px; background:white; border: 1px solid #eee;width:30px;height:30px;"><a href="#?w=260" rel="04" class="poplight"title="credits"><img src="http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/3d-transparent-glass-icons-business/076075-3d-transparent-glass-icon-business-light-on.png" style="width:30px;height:30px;"></a></div>
  1614.  
  1615.  
  1616. <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
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!