API tools faq
paste
Advertisement
abss_99

theme #9 by h0ran-wbu

abss_99
Sep 21st, 2013
495
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.51 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. the #9 by h0ran-wbu! insipired by on of mkbye's themes...i love the fall vibe so make them leaves look purdy ;)
  3. DONT STEAL CODES NOR CREDITS OK THANKS XOX
  4. -->
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://cdn1.iconfinder.com/data/icons/crystalproject/128x128/apps/cookie.png" style= width:30px; class="btn_close" title="byee" alt="Close" /></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("a[title]").style_my_tooltips({
  47. tip_follows_cursor:true,
  48. tip_delay_time:90,
  49. tip_fade_speed:600,
  50. attribute:"title"
  51. });
  52. });
  53. })(jQuery);
  54. </script>
  55. <script type="text/javascript">
  56. <!--
  57.  
  58. // Disable Right Click Script
  59.  
  60. function IE(e)
  61. {
  62. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  63. {
  64. return false;
  65. }
  66. }
  67. function NS(e)
  68. {
  69. if (document.layers || (document.getElementById && !document.all))
  70. {
  71. if (e.which == "2" || e.which == "3")
  72. {
  73. return false;
  74. }
  75. }
  76. }
  77. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  78.  
  79. //-->
  80. </script>
  81.  
  82.  
  83. <script type="text/javascript"
  84. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  85.  
  86. <!--DEFAULT VARIABLES-->
  87. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  88. <meta name="color:background" content="#fff"/>
  89. <meta name="color:link" content="#777"/>
  90. <meta name="color:text" content="#777"/>
  91. <meta name="color:title" content="#333"/>
  92. <meta name="color:scrollbar" content="#000"/>
  93. <meta name="color:hover" content="#fff"/>
  94. <meta name="color:link borders" content="#fff"/>
  95. <meta name="color:links" content="#fff"/>
  96. <meta name="color:link title" content="#fff"/>
  97. <meta name="color:blogtitle" content="#333"/>
  98. <meta name="color:sidebar border" content="#000"/>
  99. <meta name="color:permalinks" content="#ddd"/>
  100. <meta name="color:sideback border" content="#000"/>
  101. <meta name="image:sidebar" content="1"/>
  102. <meta name="image:pic" content="1"/>
  103. <meta name="image:background" content="1"/>
  104. <meta name="text:Link One" content=""/>
  105. <meta name="text:title2" content="hi beautiful"/>
  106. <meta name="text:Link One Message" content"link1 title"/>
  107. <meta name="text:Link Two" content=""/>
  108. <meta name="text:Link Two Message" content"link2 title"/>
  109. <meta name="text:Link Three" content=""/>
  110. <meta name="text:Link Three Message" content"link3 title"/>
  111. <meta name="text:Link Four" content="" />
  112. <meta name="text:Link Four Message" content"link4 title"/>
  113. <meta name="text:your name" content="your name here"/>
  114.  
  115. <style type="text/css">
  116.  
  117. #fade { /*--Transparent background layer--*/
  118. display: none; /*--hidden by default--*/
  119. background:#000;
  120. position: fixed; left: 0; top: 0;
  121. width: 100%; height: 100%;
  122. opacity: .80;
  123. z-index: 9999;
  124. }
  125. .popup_block{
  126. display: none; /*--hidden by default--*/
  127. background: #fff;
  128. padding: 20px;
  129. border: 8px solid {color:sidebar border};
  130. float: left;
  131. font-size:18px;
  132. font-family:neou;
  133. line-height:16px;
  134. position: fixed;
  135. top: 50%; left: 50%;
  136. z-index: 99999;
  137. /*--CSS3 Box Shadows--*/
  138. -webkit-box-shadow: 0px 0px 20px #000;
  139. -moz-box-shadow: 0px 0px 20px #000;
  140. box-shadow: 0px 0px 20px #000;
  141. /*--CSS3 Rounded Corners--*/
  142. -webkit-border-radius: 10px;
  143. -moz-border-radius: 10px;
  144. border-radius: 10px;
  145. }
  146. img.btn_close {
  147. float: right;
  148. margin: -5px -5px 0 0;
  149. }
  150. /*--Making IE6 Understand Fixed Positioning--*/
  151. *html #fade {
  152. position: absolute;
  153. }
  154. *html .popup_block {
  155. position: absolute;
  156. }
  157.  
  158. #s-m-t-tooltip {
  159. max-width:300px;
  160. padding:6px 6px 6px 6px;
  161. margin:20px 0px 0px 20px;
  162. background: #fff; /* change the background color */
  163. border-right:3px solid {color:link title}; /* change the border color */
  164. font-family:katy berry; /* change the font */
  165. font-size:25px; /* change the font size */
  166. letter-spacing:0px; /* change the letter spacing */
  167. text-transform:none; /* can be uppercase, lowercase, none*/
  168. color:#000; /* change the text color */
  169. z-index:999999999999999999999999999999999999;
  170. box-shadow:0px 3px 3px #000;
  171. }
  172.  
  173. ::-webkit-scrollbar-thumb:vertical {
  174. height:9px;
  175. background-color: {color:scrollbar};
  176. }
  177.  
  178. ::-webkit-scrollbar-thumb:horizontal {
  179. width:0px;
  180. height:0px;
  181. overflow:hidden;
  182. background:#fff;
  183. }
  184.  
  185. ::-webkit-scrollbar {
  186. width:5px;
  187. height:5px;
  188. overflow:hidden;
  189. background:#ddd;
  190. margin-right:5px;
  191. }
  192.  
  193. 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-
  194.  
  195. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  196.  
  197. 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;}
  198.  
  199. p {
  200. margin:0px;
  201. margin-top:0px;
  202. }
  203.  
  204.  
  205. body {
  206. padding: 0px;
  207. margin: 0px;
  208. color:{color:text};
  209. font-family: dixel;
  210. line-height:7px;
  211. font-size:8px;
  212. background-color: {color:Background};
  213. background-image:url({image:Background});
  214. background-attachment: fixed;
  215. background-repeat: repeat;
  216. }
  217.  
  218.  
  219. a:link, a:active, a:visited{
  220. text-decoration: none;
  221. -webkit-transition: color 0.3s ease-out;
  222. -moz-transition: color 0.3s ease-out;
  223. transition: color 0.3s ease-out;
  224. color:{color:link};
  225. }
  226.  
  227. a:hover {
  228. text-decoration: none;
  229. font-style:;
  230. color: {color:Hover};
  231. }
  232.  
  233. div#center{
  234. margin:auto;
  235. position:relative;
  236. width:1000px;
  237. background-color:;
  238. overflow:auto;
  239. overflow-y:hidden;
  240. }
  241.  
  242. askk{
  243. font-family:im fashionista;
  244. font-size:20px;
  245. line-height:16px;
  246. color:{color:title};
  247.  
  248. }
  249.  
  250. gee{
  251. font-family:hand of sean;
  252. font-size:17px;
  253. line-height:16px;
  254. color:{color:title};
  255. }
  256.  
  257. @font-face{font-family:"Im Fashionista";src:url('http://static.tumblr.com/9wzbixa/rQPmj2mab/i_m_fashionista__demo-version.ttf');}
  258.  
  259. @font-face{font-family:"Hand of Sean";src:url('http://static.tumblr.com/9wzbixa/RxLmj2j5g/handsean.ttf');}
  260.  
  261. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  262. .entry {
  263. float:left;
  264. display: block;
  265. margin:12px;
  266. overflow:hidden;
  267. width:270px;
  268. padding:10px;
  269. border:1px solid #ddd;
  270. font-family:celeste hand;
  271. font-size:18px;
  272. line-height:18px;
  273. {block:PermalinkPage}
  274. width:450px;
  275. text-align:left;
  276. line-height:10px;
  277. {/block:PermalinkPage}
  278. background:white;
  279. background-image:URL();
  280. }
  281.  
  282. @font-face {font-family:"Neou"; src:url('http://static.tumblr.com/9wzbixa/iozmj3lzw/neou-thin.otf');}
  283. @font-face{font-family:"Mossy";src: url('http://static.tumblr.com/9wzbixa/Pugmj3l9d/mossy.ttf');}
  284.  
  285. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  286. .entry .perma{
  287. width:260px;
  288. height:20px;
  289. margin-left:-50px;
  290. position: absolute;
  291. line-height: 16px;
  292. overflow:hidden;
  293. text-align:center;
  294. top:50px;
  295. padding-top:8px;
  296. padding-bottom:4px;
  297. background:white;
  298. word-spacing:2px;
  299. letter-spacing:1px;
  300. font-family:neou;
  301. font-size:14px;
  302. opacity: 0.0;
  303. background:#fff;
  304. border-top:3px solid {color:permalinks};
  305. border-bottom:3px solid {color:permalinks};
  306. border-right:3px solid {color:permalinks};
  307. border-top-right-radius:50px;
  308. border-bottom-right-radius:50px;
  309. -webkit-transition: all .7s ease;
  310. -moz-transition: all .7s ease;
  311. -o-transition: all .7s ease;
  312. transition: all .7s ease;
  313.  
  314. }
  315.  
  316. .entry:hover .perma{
  317. overflow:visible;
  318. opacity:1;
  319. margin-left:-10px;
  320. }
  321.  
  322. .entry .perma2{
  323. width:260px;
  324. height:20px;
  325. margin-left:50px;
  326. position: absolute;
  327. line-height: 16px;
  328. overflow:hidden;
  329. text-align:center;
  330. top:100px;
  331. padding-top:8px;
  332. padding-bottom:4px;
  333. background:white;
  334. word-spacing:2px;
  335. letter-spacing:1px;
  336. font-family:neou;
  337. font-size:14px;
  338. opacity: 0.0;
  339. background:#fff;
  340. border-top:3px solid {color:permalinks};
  341. border-bottom:3px solid {color:permalinks};
  342. border-left:3px solid {color:permalinks};
  343. border-top-left-radius:50px;
  344. border-bottom-left-radius:50px;
  345. -webkit-transition: all .7s ease;
  346. -moz-transition: all .7s ease;
  347. -o-transition: all .7s ease;
  348. transition: all .7s ease;
  349.  
  350. }
  351.  
  352. .entry:hover .perma2{
  353. overflow:visible;
  354. opacity:1;
  355. margin-left:10px;
  356. }
  357.  
  358. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  359. #posts {
  360. width:700px;
  361. margin-top:30px;
  362. z-index:9;
  363. margin-left:337px;
  364. right:auto;
  365. background:transparent;
  366. margin-right:auto;
  367. position:relative;
  368. overflow-y: hidden;
  369. }
  370.  
  371.  
  372. /*CUSTOMIZE SIDEBAR HERE*/
  373. #sidebar{
  374. position:fixed !important;
  375. width:285px;
  376. background:white;
  377. height:380px;
  378. padding:9px;
  379. margin-top:130px;
  380. margin-left:-80px;
  381. text-align:center;
  382. border:8px solid {color:sidebar border};
  383. box-shadow:0px 0px 120px #fff;
  384. transition: all 0.9s ease-out;
  385. -o-transition-transition: all 0.9s ease-out;
  386. -webkit-transition: all 0.9s ease-out;
  387. -moz-transition: all 0.9s ease-out;
  388. }
  389.  
  390. #sidebar:hover{
  391. border-radius:25px;
  392. }
  393.  
  394. #pew{
  395. position:fixed !important;
  396. width:285px;
  397. height:381px;
  398. margin-left:0px;
  399. margin-top:-381px;
  400. text-align:center;
  401. background:url("http://25.media.tumblr.com/276211b97d0fee4360076a3b350e1ab8/tumblr_mhwzefirNP1s5um8no1_400.png");
  402. opacity:0;
  403. line-height:15px;
  404. font-family:arial;
  405. font-size:20px;
  406. transition: all 0.9s ease-out;
  407. -o-transition-transition: all 0.9s ease-out;
  408. -webkit-transition: all 0.9s ease-out;
  409. -moz-transition: all 0.9s ease-out;
  410. }
  411.  
  412. #sidebar:hover #pew{
  413. opacity:1;
  414. width:285px;
  415. height:381px;
  416. }
  417.  
  418. #desc{
  419. position:fixed;
  420. height:63px;
  421. margin-top: -210px;
  422. margin-left:50px;
  423. width:165px;
  424. opacity:0;
  425. font-family:celeste hand;
  426. color:#000;
  427. line-height: 15px;
  428. padding-top:7px;
  429. padding-bottom:9px;
  430. padding-left:10px;
  431. padding-right:10px;
  432. background-color:white;
  433. font-size:16px;
  434. text-align:center;
  435. border:3px solid {color:sidebar border};
  436. transition: all 0.7s ease-out;
  437. -o-transition-transition: all 0.7s ease-out;
  438. -webkit-transition: all 0.7s ease-out;
  439. -moz-transition: all 0.7s ease-out;
  440. }
  441.  
  442. #sidebar:hover #desc{
  443. opacity:1;
  444. margin-top: -180px;
  445. margin-left:77px;
  446. }
  447.  
  448. @font-face{font-family:"Celeste Hand";src:url('http://static.tumblr.com/9wzbixa/UBpmj2h2i/celeste_hand.ttf');}
  449.  
  450. #blogtitle{
  451. position:fixed;
  452. width:270px;
  453. height:auto;
  454. margin-top:-60px;
  455. margin-left:-20px;
  456. opacity:1;
  457. font-family:stars;
  458. font-size:45px;
  459. color:{color:blogtitle};
  460. background:transparent;
  461. line-height:80px;
  462. height: 65px;
  463. z-index: 3;
  464. text-shadow:0px 0px 2px #000;
  465. transition: all 0.8s ease-out;
  466. -o-transition-transition: all 0.8s ease-out;
  467. -webkit-transition: all 0.8s ease-out;
  468. -moz-transition: all 0.8s ease-out;
  469. }
  470.  
  471. #sidebar:hover #blogtitle{
  472. opacity:0;
  473. margin-left:15px;
  474. }
  475.  
  476. #heart1{
  477. position:fixed;
  478. width:200px;
  479. height:315px;
  480. margin-left:63px;
  481. margin-top:-335px;
  482. background:transparent;
  483. opacity:0;
  484. transition: all 0.5s ease-out;
  485. -o-transition-transition: all 0.5s ease-out;
  486. -webkit-transition: all 0.5s ease-out;
  487. -moz-transition: all 0.5s ease-out;
  488. }
  489.  
  490. #heart1 img{
  491. width:180px;
  492. height:100px;
  493. border:4px solid {color:sidebar border};
  494. border-top-left-radius:20px;
  495. border-bottom-right-radius:20px;
  496. }
  497.  
  498. #sidebar:hover #heart1{
  499. opacity:1;
  500. margin-left:72px;
  501. margin-top:-305px;
  502. }
  503.  
  504. #title2{
  505. position:fixed;
  506. width:270px;
  507. height:auto;
  508. margin-top:-407px;
  509. margin-left:10px;
  510. opacity:0;
  511. font-family:halohandletter;
  512. font-size:45px;
  513. color:#000;
  514. background:transparent;
  515. line-height:80px;
  516. height: 65px;
  517. text-align:center;
  518. z-index: 3;
  519. transition: all 0.8s ease-out;
  520. -o-transition-transition: all 0.8s ease-out;
  521. -webkit-transition: all 0.8s ease-out;
  522. -moz-transition: all 0.8s ease-out;
  523. }
  524.  
  525. #sidebar:hover #title2{
  526. opacity:1;
  527. margin-top:-390px;
  528. }
  529.  
  530. #pencil{
  531. position:fixed;
  532. width:510px;
  533. height:1000px;
  534. margin-left:-190px;
  535. margin-top:-5px;
  536. background:url("http://25.media.tumblr.com/c14bdacf40ef8f5282e5db7d4421aceb/tumblr_midlompFL41s5um8no1_500.png");
  537. border-right:8px double {color:sideback border};
  538. }
  539.  
  540. #eraser{
  541. position:fixed;
  542. width:230px;
  543. height:1000px;
  544. margin-left:980px;
  545. margin-top:-5px;
  546. background:url("http://25.media.tumblr.com/c14bdacf40ef8f5282e5db7d4421aceb/tumblr_midlompFL41s5um8no1_500.png");
  547. border-left:8px double {color:sideback border};
  548. }
  549.  
  550. #pop{
  551. position:fixed;
  552. width:1400px;
  553. height:20px;
  554. margin-left:-205px;
  555. margin-top:-4px;
  556. background:white;
  557. border:4px solid {color:sideback border};
  558. box-shadow:0px 0px 4px;
  559. z-index:9999;
  560. }
  561.  
  562. #heart3{
  563. position:fixed;
  564. width:100px;
  565. height:315px;
  566. margin-left:-25px;
  567. margin-top:-333px;
  568. background:transparent;
  569. opacity:1;
  570. z-index:99999999999;
  571. }
  572.  
  573. #heart2{
  574. position:fixed;
  575. width:100px;
  576. height:315px;
  577. margin-left:5px;
  578. margin-top:-93px;
  579. background:transparent;
  580. opacity:0;
  581. transition: all 0.7s ease-out;
  582. -o-transition-transition: all 0.7s ease-out;
  583. -webkit-transition: all 0.7s ease-out;
  584. -moz-transition: all 0.7s ease-out;
  585. }
  586.  
  587. #sidebar:hover #heart2{
  588. opacity:1;
  589. margin-top:-73px;
  590. margin-left:15px;
  591. }
  592.  
  593. #cutie7{
  594. position:fixed;
  595. width:22px;
  596. height:14px;
  597. padding-top:1px;
  598. padding-bottom:23px;
  599. padding-left:7px;
  600. padding-right:21px;
  601. margin-left:7px;
  602. margin-top:239px;
  603. line-height:18px;
  604. text-align:center;
  605. font-size: 28px;
  606. letter-spacing:2px;
  607. font-family:tabitha;
  608. opacity:0;
  609. z-index: 1;
  610. border-top:0px solid {color:link borders};
  611. border-right:3px solid {color:link borders};
  612. border-bottom:3px solid {color:link borders};
  613. border-left:3px solid {color:link borders};
  614. background-color:{color:links};
  615. border-bottom-right-radius: 15px;
  616. border-bottom-left-radius: 15px;
  617. transition: all 0.7s ease-out;
  618. -o-transition-transition: all 0.7s ease-out;
  619. -webkit-transition: all 0.7s ease-out;
  620. -moz-transition: all 0.7s ease-out;
  621. }
  622.  
  623. #sidebar:hover #cutie7{
  624. opacity:1;
  625. margin-left:7px;
  626. margin-top:263px;
  627. }
  628.  
  629. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  630.  
  631. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  632.  
  633. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  634.  
  635. @font-face{font-family:"Katy Berry";src:url('http://static.tumblr.com/9wzbixa/XT1mj3ixp/kberry.ttf');}
  636.  
  637. #cutie1{
  638. position:fixed;
  639. width:22px;
  640. height:14px;
  641. padding-top:2px;
  642. padding-bottom:22px;
  643. padding-left:7px;
  644. padding-right:21px;
  645. margin-left:-7px;
  646. margin-top:45px;
  647. line-height:18px;
  648. text-align:center;
  649. font-size: 28px;
  650. letter-spacing:2px;
  651. font-family:tabitha;
  652. opacity:0;
  653. z-index: 1;
  654. border-top:3px solid {color:link borders};
  655. border-right:3px solid {color:link borders};
  656. border-bottom:1px solid {color:link borders};
  657. border-left:3px solid {color:link borders};
  658. background-color:{color:links};
  659. border-top-right-radius: 15px;
  660. border-top-left-radius: 15px;
  661. transition: all 0.7s ease-out;
  662. -o-transition-transition: all 0.7s ease-out;
  663. -webkit-transition: all 0.7s ease-out;
  664. -moz-transition: all 0.7s ease-out;
  665. }
  666.  
  667. #sidebar:hover #cutie1{
  668. opacity:1;
  669. margin-left:7px;
  670. margin-top:65px;
  671. }
  672.  
  673. #cutie2{
  674. position:fixed;
  675. width:22px;
  676. height:14px;
  677. padding-top:4px;
  678. padding-bottom:20px;
  679. padding-left:7px;
  680. padding-right:21px;
  681. margin-left:7px;
  682. margin-top:87px;
  683. line-height:18px;
  684. text-align:center;
  685. font-size: 28px;
  686. letter-spacing:2px;
  687. font-family:tabitha;
  688. opacity:0;
  689. z-index: 1;
  690. border-top:0px solid {color:link borders};
  691. border-right:3px solid {color:link borders};
  692. border-bottom:1px solid {color:link borders};
  693. border-left:3px solid {color:link borders};
  694. background-color:{color:links};
  695. transition: all 0.7s ease-out;
  696. -o-transition-transition: all 0.7s ease-out;
  697. -webkit-transition: all 0.7s ease-out;
  698. -moz-transition: all 0.7s ease-out;
  699. }
  700.  
  701. #sidebar:hover #cutie2{
  702. opacity:1;
  703. margin-left:7px;
  704. margin-top:107px;
  705. }
  706.  
  707. #cutie3{
  708. position:fixed;
  709. width:22px;
  710. height:14px;
  711. padding-top:4px;
  712. padding-bottom:20px;
  713. padding-left:7px;
  714. padding-right:21px;
  715. margin-left:-7px;
  716. margin-top:126px;
  717. line-height:18px;
  718. text-align:center;
  719. font-size: 28px;
  720. letter-spacing:2px;
  721. font-family:tabitha;
  722. opacity:0;
  723. z-index: 1;
  724. border-top:0px solid {color:link borders};
  725. border-right:3px solid {color:link borders};
  726. border-bottom:1px solid {color:link borders};
  727. border-left:3px solid {color:link borders};
  728. background-color:{color:links};
  729. transition: all 0.7s ease-out;
  730. -o-transition-transition: all 0.7s ease-out;
  731. -webkit-transition: all 0.7s ease-out;
  732. -moz-transition: all 0.7s ease-out;
  733. }
  734.  
  735. #sidebar:hover #cutie3{
  736. opacity:1;
  737. margin-left:7px;
  738. margin-top:146px;
  739. }
  740.  
  741. #cutie4{
  742. position:fixed;
  743. width:22px;
  744. height:14px;
  745. padding-top:4px;
  746. padding-bottom:20px;
  747. padding-left:7px;
  748. padding-right:21px;
  749. margin-left:7px;
  750. margin-top:165px;
  751. line-height:18px;
  752. text-align:center;
  753. font-size: 28px;
  754. letter-spacing:2px;
  755. font-family:tabitha;
  756. opacity:0;
  757. z-index: 1;
  758. border-top:0px solid {color:link borders};
  759. border-right:3px solid {color:link borders};
  760. border-bottom:1px solid {color:link borders};
  761. border-left:3px solid {color:link borders};
  762. background-color:{color:links};
  763. transition: all 0.7s ease-out;
  764. -o-transition-transition: all 0.7s ease-out;
  765. -webkit-transition: all 0.7s ease-out;
  766. -moz-transition: all 0.7s ease-out;
  767. }
  768.  
  769. #sidebar:hover #cutie4{
  770. opacity:1;
  771. margin-left:7px;
  772. margin-top:185px;
  773. }
  774.  
  775. #cutie5{
  776. position:fixed;
  777. width:22px;
  778. height:14px;
  779. padding-top:4px;
  780. padding-bottom:20px;
  781. padding-left:7px;
  782. padding-right:21px;
  783. margin-left:-7px;
  784. margin-top:204px;
  785. line-height:18px;
  786. text-align:center;
  787. font-size: 28px;
  788. letter-spacing:2px;
  789. font-family:tabitha;
  790. opacity:0;
  791. z-index: 1;
  792. border-top:0px solid {color:link borders};
  793. border-right:3px solid {color:link borders};
  794. border-bottom:1px solid {color:link borders};
  795. border-left:3px solid {color:link borders};
  796. background-color:{color:links};
  797. transition: all 0.7s ease-out;
  798. -o-transition-transition: all 0.7s ease-out;
  799. -webkit-transition: all 0.7s ease-out;
  800. -moz-transition: all 0.7s ease-out;
  801. }
  802.  
  803. #sidebar:hover #cutie5{
  804. opacity:1;
  805. margin-left:7px;
  806. margin-top:224px;
  807. }
  808.  
  809. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  810. .title{
  811. line-height: 12px;
  812. color:{color:Title};
  813. font-weight: normal;
  814. font-size:25px;
  815. font-family:lala;
  816. line-height:18px;
  817. }
  818.  
  819. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  820.  
  821. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  822. .permalink{
  823. text-transform: normal;
  824. display: block;
  825. text-align: right;
  826. text-decoration: none;
  827. }
  828.  
  829.  
  830. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  831. #infscr-loading{
  832. bottom: -70px;
  833. position: absolute;
  834. left: 50%;
  835. margin-left:-8px;
  836. width:16px;
  837. height:11px;
  838. overflow:hidden;
  839. margin-bottom: 50px;
  840. }
  841.  
  842. #postnotes{
  843. text-align: justify;}
  844.  
  845. #postnotes blockquote{
  846. border: 0px;}
  847.  
  848. blockquote{
  849. padding:0px 0px 2px 5px;
  850. margin:0px 0px 2px 10px;
  851. border-left: 1px dotted #555555;
  852. }
  853.  
  854. blockquote p, ul{
  855. margin:0px;
  856. padding:0px;
  857. }
  858.  
  859. a img{border: 0px;}
  860.  
  861.  
  862. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  863.  
  864. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  865. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  866.  
  867. .notes img{width:10px; position:relative; top:3px;}
  868. <--ses-->
  869. small{font-size: 90%;}
  870.  
  871. {CustomCSS}
  872.  
  873. </style>
  874.  
  875. {block:IndexPage}
  876. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  877. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  878.  
  879. <script type="text/javascript">
  880. $(window).load(function(){
  881. var $wall = $('#posts');
  882. $wall.imagesLoaded(function(){
  883. $wall.masonry({
  884. itemSelector: '.entry, .entry_photo',
  885. isAnimated : false
  886. });
  887. });
  888.  
  889. $wall.infinitescroll({
  890. navSelector : '#pagination',
  891. nextSelector : '#pagination a',
  892. itemSelector : '.entry, .entry_photo',
  893. bufferPx : 2000,
  894. debug : false,
  895. errorCallback: function() {
  896. $('#infscr-loading').fadeOut('normal');
  897. }},
  898. function( newElements ) {
  899. var $newElems = $( newElements );
  900. $newElems.hide();
  901. $newElems.imagesLoaded(function(){
  902. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  903. });
  904. }); $('#posts').show(500);
  905. });
  906. </script>
  907.  
  908.  
  909. {/block:IndexPage}
  910.  
  911.  
  912. <title>{title}</title>
  913.  
  914. <link rel="shortcut icon" href="{Favicon}" />
  915. <meta name="viewport" content="width=820" />
  916. </head>
  917.  
  918. <body>
  919. <BODY onselectstart="return false;" ondragstart="return false;">
  920. <div class="wrapper">
  921. <div class="header">
  922. </div>
  923.  
  924. <div id="cage">
  925. <div id="center">
  926.  
  927. <div id="pencil"></div>
  928. <div id="eraser"></div>
  929. <div id="pop"></div>
  930.  
  931. <div id="heart3"><img src="http://31.media.tumblr.com/f2d1a150457a6f05280a600abb210258/tumblr_mlsevkd98Y1r6avhdo1_r1_500.png" style= width="100px;" height="100px;"></div>
  932.  
  933. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  934. <div id="sidebar">
  935. <center>
  936. <div id="cutie1"><a href="{text:Link One}" title="{text:Link One Message}"><img src="https://cdn1.iconfinder.com/data/icons/Red_Little_Shoes_for_Windows/128/Home.png"style= width="35px;" height="35px;"></a></div>
  937.  
  938. <div id="cutie2"><a href="{text:Link Two}" title="{text:Link Two Message}"><img src="https://cdn2.iconfinder.com/data/icons/Red_Little_Shoes_for_Windows/128/Favourite.png"style= width="33px;" height="33px;"></a></div>
  939.  
  940. <div id="cutie3"><a href="{text:Link Three}" title="{text:Link Three Message}"><img src="https://cdn2.iconfinder.com/data/icons/Red_Little_Shoes_for_Windows/128/Photo.png"style= width="32px;" height="32px;"></a></div>
  941.  
  942. <div id="cutie4"><a href="{text:Link Four}" title="{text:Link Four Message}"><img src="https://cdn2.iconfinder.com/data/icons/Red_Little_Shoes_for_Windows/128/Om-App.png"style= width="32px;" height="32px;"></a> </div>
  943.  
  944. <div id="cutie5"><a href="http://h0ran-wbu.tumblr.com" title="theme by h0ran-wbu!"><img src="https://cdn2.iconfinder.com/data/icons/Red_Little_Shoes_for_Windows/128/Default-Setting.png"style= width="30px;" height="30px;"></a> </div>
  945. <div id="cutie7"><a href='#?w=350' rel='02' class='poplight' title="click for updates!"><img src="https://cdn2.iconfinder.com/data/icons/Red_Little_Shoes_for_Windows/128/Bear-User.png"style= width="35px;" height="35px;"></a> </div>
  946. <a href="/"><img src="{image:sidebar}" width=100%></a>
  947. <div id="pew"></div>
  948. <div id="heart1"><img src="{image:pic}"></div>
  949. <div id="desc">{description}</div>
  950. <div id="blogtitle">{blogtitle}</div>
  951. <div id="title2">{text:title2}</div>
  952. <div id="heart2"><img src="http://content.mycutegraphics.com/graphics/fall/fall-leaves-transparent.png"style= width="70px;" height="70px;"</div>
  953. </center>
  954. </div>
  955. <!------------------------------------->
  956.  
  957.  
  958. <div class="left">
  959. <div id="posts">
  960. {block:Posts}
  961. <div class="entry">
  962.  
  963. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  964.  
  965. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  966. {/block:Text}
  967.  
  968. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  969.  
  970. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  971.  
  972. {block:Answer}
  973. <div style="margin: 1px 2px 1px 2px; min-height:30px; padding: 8px; border:1px solid #ddd; overflow-y:scroll;"/>
  974.  
  975. <img src="{AskerPortraitURL-40}" width="32" align="Left" style="margin-left:-7px; margin-top: -7px; border:2px solid {color:sidebar border}; border-radius:3px;"/>
  976.  
  977. <gee>{Asker} wondered:</gee> {Question} </div> <br>
  978.  
  979. <div style="background:{color:ask background}; padding-top:-5px; padding-bottom:10px;"><center>{Answer}</center></div><br>
  980.  
  981. <askk>{text:your name}</askk>
  982.  
  983. <P ALIGN=Right><a href="{Permalink}">{notecountwithlabel}</a>
  984. {/block:Answer}
  985.  
  986. {block:Photo}
  987. {block:IndexPage}
  988. <center>
  989. <div class="perma">
  990. <a href="{Permalink}"> <a href="{ReblogURL}" target="_blank"> reblog </a> with <a href="{Permalink}">{NoteCountWithLabel} </div>
  991. <div class="perma2">
  992. <a href="{permalink}">posted {timeago}</a>
  993. </div>
  994.  
  995. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  996. {/block:IndexPage}
  997. {block:PermalinkPage}
  998. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  999.  
  1000. {LinkCloseTag}
  1001. {/block:PermalinkPage}
  1002. {/block:Photo}
  1003.  
  1004. {block:Photoset}
  1005. {block:IndexPage}
  1006. <center>
  1007.  
  1008. <div class="perma">
  1009. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1010.  
  1011. {Photoset-250}</center>
  1012. {/block:IndexPage}
  1013. {block:PermalinkPage}
  1014. <center>
  1015. {Photoset-500}</center>
  1016. {/block:PermalinkPage}
  1017. {/block:Photoset}
  1018.  
  1019. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1020.  
  1021. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1022.  
  1023. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1024. <ul class="chat">
  1025. {block:Lines}
  1026. <li class="user_{UserNumber}">
  1027. {block:Label}
  1028. <span class="label">{Label}</span>
  1029. {/block:Label}
  1030.  
  1031. {Line}
  1032. </li>
  1033. {/block:Lines}
  1034. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1035. {/block:Chat}
  1036.  
  1037. {block:Audio}
  1038. <div style="width:200px; height:30px;">
  1039. {AudioPlayerBlack}
  1040. </div>
  1041. {block:IndexPage}<span class="permalink">
  1042. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1043. </span>{/block:IndexPage}
  1044. {/block:Audio}
  1045.  
  1046. {block:Video}
  1047. {block:IndexPage}
  1048. <center>
  1049. <div class="perma">
  1050. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1051. {Video-250}</center>
  1052. {/block:IndexPage}
  1053. {block:PermalinkPage}
  1054. <center>
  1055. {Video-400}</center>
  1056. {/block:PermalinkPage}
  1057. {block:Video}
  1058.  
  1059.  
  1060. {block:PostNotes}<div align="middle">{caption}</div>
  1061. <center>
  1062.  
  1063. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1064.  
  1065. {block:HasTags}
  1066. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1067. {block:RebloggedFrom}
  1068. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1069. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1070.  
  1071. {/block:RebloggedFrom}
  1072. </center></span>
  1073. <br>
  1074. <div id="postnotes">{PostNotes}</div><br>
  1075.  
  1076. <center>{block:ContentSource}
  1077. <br><a href="{SourceURL}">
  1078. {lang:Source}:
  1079. {block:SourceLogo}
  1080. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1081. height="{LogoHeight}" alt="{SourceTitle}" />
  1082. {/block:SourceLogo}
  1083. {block:NoSourceLogo}
  1084. {SourceLink}
  1085. {/block:NoSourceLogo}
  1086. </a>
  1087. {/block:ContentSource}</center>
  1088.  
  1089. {/block:PostNotes}
  1090. </div>
  1091. {/block:Posts}
  1092. </div></div>
  1093.  
  1094. {block:IndexPage}
  1095. {block:Pagination}
  1096. <div id="pagination">
  1097. {block:NextPage}
  1098. <a id="nextPage" href="{NextPage}"></a>
  1099. {/block:NextPage}
  1100. {block:PreviousPage}
  1101. <a href="{PreviousPage}"></a>
  1102. {/block:PreviousPage}
  1103. </div>
  1104. {/block:Pagination}
  1105. {/block:IndexPage}
  1106. </body>
  1107. <div style="position:fixed; bottom:5px; right:5px; background:white; padding: 3px; font-size: 18px; line-height: 10px; border:2px solid; border-radius:10px;" title= "theme by h0ran-wbu!"><a href="http://h0ran-wbu.tumblr.com"><img src="http://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/tumblr_lkl5x4Rh131qfamg6.gif"></a></div>
  1108. <SCRIPT type="text/javascript">
  1109.  
  1110. // Set the number of snowflakes (more than 30 - 40 not recommended)
  1111. var snowmax=15
  1112. // Set the colors for the snow. Add as many colors as you like
  1113. var snowcolor=new Array("#ffffff","{color:hover}","#eeb3d4",
  1114. "#cccccc","{color:accent}")
  1115. // Set the fonts, that create the snowflakes. Add as many fonts as you like
  1116. var snowtype=new Array("Times")
  1117. // Set the letter that creates your snowflake (recommended: * )
  1118. var snowletter="♥"
  1119. // Set the speed of sinking (recommended values range from 0.3 to 2)
  1120. var sinkspeed=0.3
  1121. // Set the maximum-size of your snowflakes
  1122. var snowmaxsize=20
  1123. // Set the minimal-size of your snowflakes
  1124. var snowminsize=8
  1125. // Set the snowing-zone
  1126. // Set 1 for all-over-snowing, set 2 for left-side-snowing
  1127. // Set 3 for center-snowing, set 4 for right-side-snowing
  1128. var snowingzone=1
  1129.  
  1130. ///////////////////////////////////////////////////////////////////////////
  1131. // CONFIGURATION ENDS HERE
  1132. ///////////////////////////////////////////////////////////////////////////
  1133. // Do not edit below this line
  1134. var snow=new Array()
  1135. var marginbottom
  1136. var marginright
  1137. var timer
  1138. var i_snow=0
  1139. var x_mv=new Array();
  1140. var crds=new Array();
  1141. var lftrght=new Array();
  1142. var browserinfos=navigator.userAgent
  1143. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  1144. var ns6=document.getElementById&&!document.all
  1145. var opera=browserinfos.match(/Opera/)
  1146. var browserok=ie5||ns6||opera
  1147.  
  1148. function randommaker(range) {
  1149. rand=Math.floor(range*Math.random())
  1150. return rand
  1151. }
  1152.  
  1153. function initsnow() {
  1154. if (ie5 || opera) {
  1155. marginbottom = document.body.scrollHeight
  1156. marginright = document.body.clientWidth-15
  1157. }
  1158. else if (ns6) {
  1159. marginbottom = document.body.scrollHeight
  1160. marginright = window.innerWidth-15
  1161. }
  1162. var snowsizerange=snowmaxsize-snowminsize
  1163. for (i=0;i<=snowmax;i++) {
  1164. crds[i] = 0;
  1165. lftrght[i] = Math.random()*15;
  1166. x_mv[i] = 0.03 + Math.random()/10;
  1167. snow[i]=document.getElementById("s"+i)
  1168. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  1169. snow[i].size=randommaker(snowsizerange)+snowminsize
  1170. snow[i].style.fontSize=snow[i].size+'px';
  1171. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  1172. snow[i].style.zIndex=1000
  1173. snow[i].sink=sinkspeed*snow[i].size/5
  1174. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  1175. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  1176. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  1177. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  1178. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  1179. snow[i].style.left=snow[i].posx+'px';
  1180. snow[i].style.top=snow[i].posy+'px';
  1181. }
  1182. movesnow()
  1183. }
  1184.  
  1185. function movesnow() {
  1186. for (i=0;i<=snowmax;i++) {
  1187. crds[i] += x_mv[i];
  1188. snow[i].posy+=snow[i].sink
  1189. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  1190. snow[i].style.top=snow[i].posy+'px';
  1191.  
  1192. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  1193. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  1194. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  1195. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  1196. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  1197. snow[i].posy=0
  1198. }
  1199. }
  1200. var timer=setTimeout("movesnow()",50)
  1201. }
  1202.  
  1203. for (i=0;i<=snowmax;i++) {
  1204. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  1205. }
  1206. if (browserok) {
  1207. window.onload=initsnow
  1208. }
  1209. </SCRIPT>
  1210. <div id="02" class="popup_block">
  1211.  
  1212. Or you can put your updates here
  1213. I'm currently online! <br>
  1214. Follow my BOTW for a promo!<br>
  1215. Use <br> to make a new line & <p> for a new paragraph !
  1216.  
  1217.  
  1218. </div></div></div></div></div></div></div></div></div></div>
  1219. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!