API tools faq
paste
abss_99

Theme #5 by h0ran-wbu!

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