API tools faq
paste
mkbye

thm 39 (pt.1) — mkbye:celina

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