API tools faq
paste
abss_99

Theme #3 by h0ran-wbu!!

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