API tools faq
paste
mkbye

thm 21 — mkbye:celina

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