API tools faq
paste
mkbye

thm 23 — mkbye:celina

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