API tools faq
paste
abss_99

theme #10 by h0ran-wbu

abss_99
Oct 2nd, 2013
497
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.33 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme #10 by h0ran-wbu :D please do not steal codes, i worked hard on this ! i will pee on your computer and hack your facebook if you steal credit
  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://th1243.photobucket.com/albums/gg542/chotice96/Tumblr%20Close%20Button/th_tumblr_lprq8yJC6Z1qcn2vb.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="color:links" content="#fff"/>
  93. <meta name="color:blogtitle" content="#333"/>
  94. <meta name="color:link title" content="#fff"/>
  95. <meta name="color:link background" content="#fff"/>
  96. <meta name="color:sidebar border" content="#000"/>
  97. <meta name="color:permalinks" content="#ddd"/>
  98. <meta name="color:quote" content="#ddd"/>
  99. <meta name="color:bar1" content="#ddd"/>
  100. <meta name="image:sidebar" content="1"/>
  101. <meta name="image:sidebar background" content="1"/>
  102. <meta name="image:background" content="1"/>
  103. <meta name="image:sideback" content="1"/>
  104. <meta name="image:pic1" content="1"/>
  105. <meta name="image:pic2" content="1"/>
  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:botw" content="" />
  115. <meta name="text:botw message" content"follow!"/>
  116. <meta name="text:your name" content="your name here"/>
  117. <meta name="text:quote" content="quote hurr"/>
  118. <meta name="text:hit counter" content=""/>
  119.  
  120. <style type="text/css">
  121.  
  122. #fade { /*--Transparent background layer--*/
  123. display: none; /*--hidden by default--*/
  124. background:#000;
  125. position: fixed; left: 0; top: 0;
  126. width: 100%; height: 100%;
  127. opacity: .80;
  128. z-index: 9999;
  129. }
  130. .popup_block{
  131. display: none; /*--hidden by default--*/
  132. background:url(http://31.media.tumblr.com/2e6fa9897dd2409f768d42038e688077/tumblr_mhx1p7cJzp1s5um8no1_250.png);
  133. padding: 20px;
  134. border: 5px solid {color:sidebar border};
  135. float: left;
  136. font-size:16px;
  137. font-family:hello seattle;
  138. line-height:18px;
  139. position: fixed;
  140. top: 50%; left: 50%;
  141. z-index: 99999;
  142. /*--CSS3 Box Shadows--*/
  143. -webkit-box-shadow: 0px 0px 20px #000;
  144. -moz-box-shadow: 0px 0px 20px #000;
  145. box-shadow: 0px 0px 20px #000;
  146. /*--CSS3 Rounded Corners--*/
  147. -webkit-border-radius: 10px;
  148. -moz-border-radius: 10px;
  149. border-radius: 0px;
  150. }
  151. img.btn_close {
  152. float: right;
  153. margin: -5px -5px 0 0;
  154. }
  155. /*--Making IE6 Understand Fixed Positioning--*/
  156. *html #fade {
  157. position: absolute;
  158. }
  159. *html .popup_block {
  160. position: absolute;
  161. }
  162.  
  163. #s-m-t-tooltip {
  164. max-width:300px;
  165. padding:6px 6px 6px 6px;
  166. margin:20px 0px 0px 20px;
  167. background: #fff; /* change the background color */
  168. border-right:3px solid {color:link title};
  169. border-left:3px solid {color:link title};/* change the border color */
  170. font-family:gabrielle; /* change the font */
  171. font-size:21px; /* change the font size */
  172. letter-spacing:0px; /* change the letter spacing */
  173. text-transform:none; /* can be uppercase, lowercase, none*/
  174. color:#000; /* change the text color */
  175. z-index:999999999999999999999999999999999999;
  176. }
  177.  
  178. ::-webkit-scrollbar-thumb:vertical {
  179. height:9px;
  180. background-color: {color:scrollbar};
  181. }
  182.  
  183. ::-webkit-scrollbar-thumb:horizontal {
  184. width:0px;
  185. height:0px;
  186. overflow:hidden;
  187. background:#fff;
  188. }
  189.  
  190. ::-webkit-scrollbar {
  191. width:5px;
  192. height:5px;
  193. overflow:hidden;
  194. background:#ddd;
  195. margin-right:5px;
  196. }
  197.  
  198. 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-
  199.  
  200. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  201.  
  202. 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;}
  203.  
  204. p {
  205. margin:0px;
  206. margin-top:0px;
  207. }
  208.  
  209. mah{
  210. font-family:painted;
  211. font-size:50px;
  212. color:{color:title};
  213. top:10px;
  214. }
  215.  
  216. @font-face {font-family:"Painted";src:url('http://static.tumblr.com/9wzbixa/7vNm26po9/painted.ttf');}
  217.  
  218. body {
  219. padding: 0px;
  220. margin: 0px;
  221. color:{color:text};
  222. font-family: dixel;
  223. line-height:7px;
  224. font-size:8px;
  225. background-color: {color:Background};
  226. background-image:url({image:Background});
  227. background-attachment: fixed;
  228. background-repeat: repeat;
  229. }
  230.  
  231.  
  232. a:link, a:active, a:visited{
  233. text-decoration: none;
  234. -webkit-transition: color 0.3s ease-out;
  235. -moz-transition: color 0.3s ease-out;
  236. transition: color 0.3s ease-out;
  237. color:{color:link};
  238. }
  239.  
  240. a:hover {
  241. text-decoration: none;
  242. font-style:;
  243. color: {color:Hover};
  244. }
  245.  
  246. div#center{
  247. margin:auto;
  248. position:relative;
  249. width:1000px;
  250. background-color:;
  251. overflow:auto;
  252. overflow-y:hidden;
  253. }
  254.  
  255. askk{
  256. font-family:sweetly broken;
  257. font-size:38px;
  258. margin-left:140px;
  259. text-shadow:0px 0px 10px;
  260. }
  261.  
  262. gee{
  263. font-family:janitor;
  264. font-size:18px;
  265. margin-left:5px;
  266. text-shadow:0px 0px 2px;
  267. }
  268.  
  269.  
  270. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  271. .entry {
  272. float:left;
  273. display: block;
  274. margin:10px;
  275. overflow:hidden;
  276. width:281px;
  277. padding:11px;
  278. border:3px double #ddd;
  279. font-family:hello seattle;
  280. font-size:14px;
  281. line-height:18px;
  282. {block:PermalinkPage}
  283. width:450px;
  284. text-align:left;
  285. line-height:18px;
  286. {/block:PermalinkPage}
  287. background:white;
  288. background-image:URL();
  289. }
  290.  
  291. @font-face{font-family:"Janitor";src:url('http://static.tumblr.com/9wzbixa/qYTmj2mp1/janitor.ttf');}
  292. @font-face{font-family:"Sweetly Broken";src:url('http://static.tumblr.com/iddq6cw/MZUlwm0mp/sweetly_broken.ttf');}
  293. @font-face{font-family:"Hello Seattle";src:url('http://static.tumblr.com/9wzbixa/tpAmj2jin/hello_seattle.ttf');}
  294.  
  295. @font-face{font-family:"Alpha Mack";src:url('http://static.tumblr.com/9wzbixa/2cMmj2fh5/alphamacaoe.ttf');}
  296.  
  297. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  298. .entry .perma{
  299. width:200px;
  300. height:20px;
  301. margin-left:30px;
  302. position: absolute;
  303. line-height: 16px;
  304. overflow:hidden;
  305. text-align:center;
  306. top:30px;
  307. padding-top:8px;
  308. padding-bottom:4px;
  309. background:white;
  310. word-spacing:2px;
  311. letter-spacing:1px;
  312. font-family:alpha mack;
  313. font-size:18px;
  314. opacity: 0.0;
  315. background:{color:permalinks};
  316. border:3px solid #fff;
  317. border-radius:20px;
  318. -webkit-transition: all .7s ease;
  319. -moz-transition: all .7s ease;
  320. -o-transition: all .7s ease;
  321. transition: all .7s ease;
  322.  
  323. }
  324.  
  325. .entry:hover .perma{
  326. overflow:visible;
  327. opacity:1;
  328. margin-left:30px;
  329. margin-top:20px;
  330. }
  331.  
  332. .entry .perma2{
  333. width:200px;
  334. height:20px;
  335. margin-left:30px;
  336. position: absolute;
  337. line-height: 16px;
  338. overflow:hidden;
  339. text-align:center;
  340. margin-top:110px;
  341. padding-top:8px;
  342. padding-bottom:4px;
  343. background:white;
  344. word-spacing:2px;
  345. letter-spacing:1px;
  346. font-family:alpha mack;
  347. font-size:18px;
  348. opacity: 0.0;
  349. background:{color:permalinks};
  350. border:3px solid #fff;
  351. border-radius:20px;
  352. -webkit-transition: all .7s ease;
  353. -moz-transition: all .7s ease;
  354. -o-transition: all .7s ease;
  355. transition: all .7s ease;
  356.  
  357. }
  358.  
  359. .entry:hover .perma2{
  360. overflow:visible;
  361. opacity:1;
  362. margin-left:30px;
  363. margin-top:90px;
  364. }
  365.  
  366.  
  367. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  368. #posts {
  369. width:750px;
  370. margin-top:40px;
  371. z-index:99;
  372. margin-left:352px;
  373. right:auto;
  374. background:transparent;
  375. margin-right:auto;
  376. position:relative;
  377. }
  378.  
  379.  
  380. /*CUSTOMIZE SIDEBAR HERE*/
  381. #sidebar{
  382. position:fixed !important;
  383. width:330px;
  384. background:white;
  385. height:396px;
  386. margin-top:150px;
  387. margin-left:-65px;
  388. text-align:center;
  389. border:5px solid {color:sidebar border};
  390. z-index:9;
  391. }
  392.  
  393. #bar3{
  394. position:fixed;
  395. width:1px;
  396. height:437px;
  397. margin-left:-18px;
  398. margin-top:-397px;
  399. background:black;
  400. z-index:999;
  401. opacity:0.4;
  402. }
  403.  
  404. #bar4{
  405. position:fixed;
  406. width:364px;
  407. height:1px;
  408. margin-left:-30px;
  409. margin-top:16px;
  410. background:#000;
  411. z-index:99;
  412. opacity:0.4;
  413. }
  414.  
  415. #pew{
  416. position:fixed !important;
  417. width:330px;
  418. height:397px;
  419. margin-left:0px;
  420. margin-top:-397px;
  421. text-align:center;
  422. background:url({image:sidebar background});
  423. opacity:0;
  424. line-height:15px;
  425. font-family:arial;
  426. font-size:20px;
  427. transition: all 0.9s ease-out;
  428. -o-transition-transition: all 0.9s ease-out;
  429. -webkit-transition: all 0.9s ease-out;
  430. -moz-transition: all 0.9s ease-out;
  431. }
  432.  
  433. #sidebar:hover #pew{
  434. opacity:1;
  435. }
  436.  
  437. #pencil{
  438. position:fixed;
  439. width:560px;
  440. height:1000px;
  441. margin-left:-220px;
  442. margin-top:-5px;
  443. background:url({image:sideback});
  444. }
  445.  
  446. #eraser{
  447. position:fixed;
  448. width:200px;
  449. height:1000px;
  450. margin-left:1030px;
  451. margin-top:-5px;
  452. background:url({image:sideback});
  453. }
  454.  
  455. #bar1{
  456. position:fixed;
  457. width:5px;
  458. height:918px;
  459. margin-left:327px;
  460. margin-top:-4px;
  461. background:{color:bar1};
  462. border:4px double #fff;
  463. z-index:999;
  464. opacity:1;
  465. }
  466.  
  467. #bar2{
  468. position:fixed;
  469. width:5px;
  470. height:918px;
  471. margin-left:1020px;
  472. margin-top:-8px;
  473. background:{color:bar1};
  474. border:4px double #fff;
  475. border-radius:15px 25px/25px 15px;
  476. z-index:99;
  477. opacity:1;
  478. }
  479.  
  480. #bar5{
  481. position:fixed;
  482. width:680px;
  483. height:28px;
  484. margin-left:340px;
  485. margin-top:-2px;
  486. background:white;
  487. border-bottom:2px solid {color:sidebar border};
  488. z-index:999;
  489. opacity:1;
  490. }
  491.  
  492. #blogtitle{
  493. position:fixed;
  494. width:auto;
  495. height:auto;
  496. margin-top:-486px;
  497. margin-left:-10px;
  498. opacity:1;
  499. font-family:kingthingsw;
  500. font-size:45px;
  501. color:{color:blogtitle};
  502. background:transparent;
  503. line-height:80px;
  504. height: 65px;
  505. z-index: 9999;
  506. text-shadow:0px 0px 5px #ddd;
  507. transition: all 0.8s ease-out;
  508. -o-transition-transition: all 0.8s ease-out;
  509. -webkit-transition: all 0.8s ease-out;
  510. -moz-transition: all 0.8s ease-out;
  511. }
  512.  
  513. #blogtitle:hover{
  514. font-size:39px;
  515. }
  516.  
  517. #desc{
  518. position:fixed;
  519. height:63px;
  520. margin-top: -184px;
  521. margin-left:0px;
  522. width:310px;
  523. opacity:0;
  524. font-family:cedarcursive;
  525. color:#000;
  526. line-height: 17px;
  527. padding-top:10px;
  528. padding-bottom:5px;
  529. padding-left:10px;
  530. padding-right:10px;
  531. background-color:white;
  532. font-size:19px;
  533. text-align:center;
  534. border-top:1px solid #ddd;
  535. border-bottom:1px solid #ddd;
  536. transition: all 0.7s ease-out;
  537. -o-transition-transition: all 0.7s ease-out;
  538. -webkit-transition: all 0.7s ease-out;
  539. -moz-transition: all 0.7s ease-out;
  540. }
  541.  
  542. #sidebar:hover #desc{
  543. opacity:1;
  544. margin-top: -164px;
  545. margin-left:0px;
  546. }
  547.  
  548. #heart1{
  549. position:fixed;
  550. width:10px;
  551. height:315px;
  552. margin-left:42px;
  553. margin-top:-395px;
  554. background:transparent;
  555. opacity:0;
  556. transition: all 0.5s ease-out;
  557. -o-transition-transition: all 0.5s ease-out;
  558. -webkit-transition: all 0.5s ease-out;
  559. -moz-transition: all 0.5s ease-out;
  560. }
  561.  
  562. #heart1 img{
  563. width:110px;
  564. height:100px;
  565. border-bottom:12px solid #fff;
  566. border-top:5px solid #fff;
  567. border-left:5px solid #fff;
  568. border-right:5px solid #fff;
  569. -webkit-transform: rotate(-7deg);
  570. box-shadow:0px 1px 5px #ddd;
  571. border-radius:5px;
  572. }
  573.  
  574. #sidebar:hover #heart1{
  575. opacity:1;
  576. margin-left:42px;
  577. margin-top:-375px;
  578. }
  579.  
  580. #heart2{
  581. position:fixed;
  582. width:200px;
  583. height:315px;
  584. margin-left:119px;
  585. margin-top:-385px;
  586. background:transparent;
  587. opacity:0;
  588. transition: all 0.5s ease-out;
  589. -o-transition-transition: all 0.5s ease-out;
  590. -webkit-transition: all 0.5s ease-out;
  591. -moz-transition: all 0.5s ease-out;
  592. }
  593.  
  594. #heart2 img{
  595. width:110px;
  596. height:100px;
  597. border-bottom:12px solid #fff;
  598. border-top:5px solid #fff;
  599. border-left:5px solid #fff;
  600. border-right:5px solid #fff;
  601. -webkit-transform: rotate(5deg);
  602. box-shadow:0px 1px 5px #ddd;
  603. border-radius:5px;
  604. }
  605.  
  606. #sidebar:hover #heart2{
  607. opacity:1;
  608. margin-left:119px;
  609. margin-top:-365px;
  610. }
  611.  
  612. #cutie6{
  613. position:fixed;
  614. width:auto;
  615. height:13px;
  616. padding-top:2px;
  617. padding-bottom:12px;
  618. padding-left:7px;
  619. padding-right:11px;
  620. margin-left:29px;
  621. margin-top:157px;
  622. line-height:18px;
  623. text-align:center;
  624. font-size: 25px;
  625. letter-spacing:2px;
  626. font-family:gabrielle;
  627. opacity:0;
  628. z-index: 1;
  629. box-shadow:0px 0px 2px;
  630. border:3px solid #fff;
  631. border-right:1px solid #fff;
  632. border-top-left-radius:20px;
  633. border-bottom-left-radius:20px;
  634. background-color:{color:link background};
  635. transition: all 0.6s ease-out;
  636. -o-transition-transition: all 0.6s ease-out;
  637. -webkit-transition: all 0.6s ease-out;
  638. -moz-transition: all 0.6s ease-out;
  639. }
  640.  
  641. #sidebar:hover #cutie6{
  642. opacity:1;
  643. margin-left:29px;
  644. margin-top:176px;
  645. }
  646.  
  647. #cutie7{
  648. position:fixed;
  649. width:auto;
  650. height:13px;
  651. padding-top:2px;
  652. padding-bottom:12px;
  653. padding-left:7px;
  654. padding-right:11px;
  655. margin-left:201px;
  656. margin-top:157px;
  657. line-height:18px;
  658. text-align:center;
  659. font-size: 25px;
  660. letter-spacing:2px;
  661. font-family:gabrielle;
  662. opacity:0;
  663. z-index: 1;
  664. box-shadow:0px 0px 2px;
  665. border:3px solid #fff;
  666. border-left:1px solid #fff;
  667. border-top-right-radius:20px;
  668. border-bottom-right-radius:20px;
  669. background-color:{color:link background};
  670. transition: all 0.6s ease-out;
  671. -o-transition-transition: all 0.6s ease-out;
  672. -webkit-transition: all 0.6s ease-out;
  673. -moz-transition: all 0.6s ease-out;
  674. }
  675.  
  676. #sidebar:hover #cutie7{
  677. opacity:1;
  678. margin-left:201px;
  679. margin-top:176px;
  680. }
  681.  
  682. #cutie{
  683. position:fixed;
  684. width:57px;
  685. height:13px;
  686. padding-top:2px;
  687. padding-bottom:12px;
  688. padding-left:7px;
  689. padding-right:11px;
  690. margin-left:126px;
  691. margin-top:-240px;
  692. line-height:18px;
  693. text-align:center;
  694. letter-spacing:2px;
  695. opacity:0;
  696. font-family:gabrielle;
  697. font-size:18px;
  698. z-index: 1;
  699. box-shadow:0px 0px 1px;
  700. border-top:3px solid #fff;
  701. border-bottom:3px solid #fff;
  702. background-color:{color:link background};
  703. transition: all 0.6s ease-out;
  704. -o-transition-transition: all 0.6s ease-out;
  705. -webkit-transition: all 0.6s ease-out;
  706. -moz-transition: all 0.6s ease-out;
  707. }
  708.  
  709. #sidebar:hover #cutie{
  710. opacity:1;
  711. margin-left:126px;
  712. margin-top:-220px;
  713. }
  714.  
  715. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  716.  
  717. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  718.  
  719. @font-face { font-family: 'kingthingsw'; src: url('http://static.tumblr.com/pwgdr2n/Ey3lvpsk8/kingthings_wrote_1_.ttf'); }
  720.  
  721. @font-face { font-family: "gabrielle"; src: url('http://static.tumblr.com/pwgdr2n/DCxlvpyx5/gabrielle_1_.ttf'); }
  722.  
  723. #cutie1{
  724. position:fixed;
  725. width:22px;
  726. height:13px;
  727. padding-top:2px;
  728. padding-bottom:26px;
  729. padding-left:7px;
  730. padding-right:21px;
  731. margin-left:34px;
  732. margin-top:327px;
  733. line-height:18px;
  734. text-align:center;
  735. font-size: 28px;
  736. letter-spacing:2px;
  737. font-family:tabitha;
  738. opacity:0;
  739. z-index: 1;
  740. box-shadow:0px 0px 1px;
  741. border-top:3px solid #fff;
  742. border-right:1px solid #fff;
  743. border-bottom:3px solid #fff;
  744. border-left:3px solid #fff;
  745. background-color:{color:link background};
  746. transition: all 0.6s ease-out;
  747. -o-transition-transition: all 0.6s ease-out;
  748. -webkit-transition: all 0.6s ease-out;
  749. -moz-transition: all 0.6s ease-out;
  750. }
  751.  
  752. #sidebar:hover #cutie1{
  753. opacity:1;
  754. margin-top:337px;
  755. }
  756.  
  757. #cutie2{
  758. position:fixed;
  759. width:22px;
  760. height:13px;
  761. padding-top:2px;
  762. padding-bottom:26px;
  763. padding-left:7px;
  764. padding-right:21px;
  765. margin-left:88px;
  766. margin-top:347px;
  767. line-height:18px;
  768. text-align:center;
  769. font-size: 28px;
  770. letter-spacing:2px;
  771. font-family:tabitha;
  772. opacity:0;
  773. z-index: 1;
  774. box-shadow:0px 0px 1px;
  775. border-top:3px solid #fff;
  776. border-right:1px solid #fff;
  777. border-bottom:3px solid #fff;
  778. border-left:0px solid #fff;
  779. background-color:{color:link background};
  780. transition: all 0.6s ease-out;
  781. -o-transition-transition: all 0.6s ease-out;
  782. -webkit-transition: all 0.6s ease-out;
  783. -moz-transition: all 0.6s ease-out;
  784. }
  785.  
  786. #sidebar:hover #cutie2{
  787. opacity:1;
  788. margin-top:337px;
  789. }
  790.  
  791. #cutie3{
  792. position:fixed;
  793. width:22px;
  794. height:13px;
  795. padding-top:2px;
  796. padding-bottom:26px;
  797. padding-left:7px;
  798. padding-right:21px;
  799. margin-left:139px;
  800. margin-top:327px;
  801. line-height:18px;
  802. text-align:center;
  803. font-size: 28px;
  804. letter-spacing:2px;
  805. font-family:tabitha;
  806. opacity:0;
  807. z-index: 1;
  808. box-shadow:0px 0px 1px;
  809. border-top:3px solid #fff;
  810. border-right:1px solid #fff;
  811. border-bottom:3px solid #fff;
  812. border-left:0px solid #fff;
  813. background-color:{color:link background};
  814. transition: all 0.6s ease-out;
  815. -o-transition-transition: all 0.6s ease-out;
  816. -webkit-transition: all 0.6s ease-out;
  817. -moz-transition: all 0.6s ease-out;
  818. }
  819.  
  820. #sidebar:hover #cutie3{
  821. opacity:1;
  822. margin-top:337px;
  823. }
  824.  
  825. .quote{
  826. position: fixed !important;
  827. width:675px;
  828. height:20px;
  829. font-family:janitor;
  830. font-size: 16px;
  831. line-height: 25px;
  832. text-shadow: 0px 0px 2px #000;
  833. background-color:transparent;
  834. padding: 2px;
  835. text-align:center;
  836. margin-top: 1px;
  837. margin-left: 340px;
  838. z-index:999;
  839. color:{color:quote}
  840. }
  841.  
  842. #cutie4{
  843. position:fixed;
  844. width:22px;
  845. height:13px;
  846. padding-top:2px;
  847. padding-bottom:26px;
  848. padding-left:7px;
  849. padding-right:21px;
  850. margin-left:190px;
  851. margin-top:347px;
  852. line-height:18px;
  853. text-align:center;
  854. font-size: 28px;
  855. letter-spacing:2px;
  856. font-family:tabitha;
  857. opacity:0;
  858. z-index: 1;
  859. box-shadow:0px 0px 1px;
  860. border-top:3px solid #fff;
  861. border-right:1px solid #fff;
  862. border-bottom:3px solid #fff;
  863. border-left:0px solid #fff;
  864. background-color:{color:link background};
  865. transition: all 0.6s ease-out;
  866. -o-transition-transition: all 0.6s ease-out;
  867. -webkit-transition: all 0.6s ease-out;
  868. -moz-transition: all 0.6s ease-out;
  869. }
  870.  
  871. #sidebar:hover #cutie4{
  872. opacity:1;
  873. margin-top:337px;
  874. }
  875.  
  876. #cutie5{
  877. position:fixed;
  878. width:22px;
  879. height:13px;
  880. padding-top:2px;
  881. padding-bottom:26px;
  882. padding-left:7px;
  883. padding-right:21px;
  884. margin-left:241px;
  885. margin-top:327px;
  886. line-height:18px;
  887. text-align:center;
  888. font-size: 28px;
  889. letter-spacing:2px;
  890. font-family:tabitha;
  891. opacity:0;
  892. z-index: 1;
  893. box-shadow:0px 0px 1px;
  894. border-top:3px solid #fff;
  895. border-right:3px solid #fff;
  896. border-bottom:3px solid #fff;
  897. border-left:0px solid #fff;
  898. background-color:{color:link background};
  899. transition: all 0.6s ease-out;
  900. -o-transition-transition: all 0.6s ease-out;
  901. -webkit-transition: all 0.6s ease-out;
  902. -moz-transition: all 0.6s ease-out;
  903. }
  904.  
  905. #sidebar:hover #cutie5{
  906. opacity:1;
  907. margin-top:337px;
  908. }
  909.  
  910. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  911. .title{
  912. line-height: 12px;
  913. color:{color:Title};
  914. font-weight: normal;
  915. font-size:20px;
  916. font-family:kingthingsw;
  917. line-height:25px;
  918. }
  919.  
  920.  
  921. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  922. .permalink{
  923. text-transform: normal;
  924. display: block;
  925. text-align: right;
  926. text-decoration: none;
  927. }
  928.  
  929.  
  930. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  931. #infscr-loading{
  932. bottom: -70px;
  933. position: absolute;
  934. left: 50%;
  935. margin-left:-8px;
  936. width:16px;
  937. height:11px;
  938. overflow:hidden;
  939. margin-bottom: 50px;
  940. }
  941.  
  942. #postnotes{
  943. text-align: justify;}
  944.  
  945. #postnotes blockquote{
  946. border: 0px;}
  947.  
  948. blockquote{
  949. padding:0px 0px 2px 5px;
  950. margin:0px 0px 2px 10px;
  951. border-left: 1px dotted #555555;
  952. }
  953.  
  954. blockquote p, ul{
  955. margin:0px;
  956. padding:0px;
  957. }
  958.  
  959. a img{border: 0px;}
  960.  
  961.  
  962. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  963.  
  964. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  965. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  966.  
  967. .notes img{width:10px; position:relative; top:3px;}
  968. <--ses-->
  969. small{font-size: 90%;}
  970.  
  971. {CustomCSS}
  972.  
  973. </style>
  974.  
  975. {block:IndexPage}
  976. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  977. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  978.  
  979. <script type="text/javascript">
  980. $(window).load(function(){
  981. var $wall = $('#posts');
  982. $wall.imagesLoaded(function(){
  983. $wall.masonry({
  984. itemSelector: '.entry, .entry_photo',
  985. isAnimated : false
  986. });
  987. });
  988.  
  989. $wall.infinitescroll({
  990. navSelector : '#pagination',
  991. nextSelector : '#pagination a',
  992. itemSelector : '.entry, .entry_photo',
  993. bufferPx : 2000,
  994. debug : false,
  995. errorCallback: function() {
  996. $('#infscr-loading').fadeOut('normal');
  997. }},
  998. function( newElements ) {
  999. var $newElems = $( newElements );
  1000. $newElems.hide();
  1001. $newElems.imagesLoaded(function(){
  1002. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1003. });
  1004. }); $('#posts').show(500);
  1005. });
  1006. </script>
  1007.  
  1008.  
  1009. {/block:IndexPage}
  1010.  
  1011.  
  1012. <title>{title}</title>
  1013.  
  1014. <link rel="shortcut icon" href="{Favicon}" />
  1015. <meta name="viewport" content="width=820" />
  1016. </head>
  1017.  
  1018. <body>
  1019. <BODY onselectstart="return false;" ondragstart="return false;">
  1020. <div class="wrapper">
  1021. <div class="header">
  1022. </div>
  1023.  
  1024. <div id="cage">
  1025. <div id="center">
  1026.  
  1027. <div id="pencil"></div>
  1028. <div id="eraser"></div>
  1029. <div id="bar1"></div>
  1030. <div id="bar2"></div>
  1031. <div id="bar5"></div>
  1032. <div class="quote">{text:quote}
  1033. </div>
  1034.  
  1035. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1036. <div id="sidebar">
  1037. <center>
  1038. <div id="cutie1"><a href="{text:Link One}" title="{text:Link One Message}"><img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/128x128/home.png" style=width"38px;" height="38px;"></a></div>
  1039.  
  1040. <div id="cutie2"><a href="{text:Link Two}" title="{text:Link Two Message}"><img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/comment.png" style=width"38px;" height="38px;"></a></div>
  1041.  
  1042. <div id="cutie3"><a href="{text:Link Three}" title="{text:Link Three Message}"><img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/star.png" style=width"38px;" height="38px;"></a></div>
  1043.  
  1044. <div id="cutie4"><a href="{text:Link Four}" title="{text:Link Four Message}"><img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/photo-camera.png" style=width"38px;" height="38px;"></a> </div>
  1045.  
  1046. <div id="cutie5"><a href="http://h0ran-wbu.tumblr.com" title="theme by h0ran-wbu!"><img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/notepad.png" style=width"38px;" height="38px;"></a> </div>
  1047.  
  1048. <div id="cutie6"><a href='#?w=350' rel='01' class='poplight' title="click for updates!">updates</a> </div>
  1049.  
  1050. <div id="cutie7"><a href="{text:botw}" title="{text:botw message}">botw :)</a> </div>
  1051. <a href="/"><img src="{image:sidebar}" width=100% height=396px;></a>
  1052. <div id="pew"></div>
  1053. <div id="bar4"></div>
  1054. <div id="bar3"></div>
  1055. <div id="heart1"><img src="{image:pic1}"></div>
  1056. <div id="heart2"><img src="{image:pic2}"></div>
  1057. <div id="blogtitle">{blogtitle}</div>
  1058. <div id="desc">{description}</div>
  1059. <div id="cutie"></a>{text:hit counter}</a>
  1060. </center>
  1061. </div>
  1062. <!------------------------------------->
  1063.  
  1064.  
  1065. <div class="left">
  1066. <div id="posts">
  1067. {block:Posts}
  1068. <div class="entry">
  1069.  
  1070. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1071.  
  1072. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1073. {/block:Text}
  1074.  
  1075. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1076.  
  1077. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1078.  
  1079. {block:Answer}
  1080. <div style="margin: 1px 2px 1px 2px; min-height:30px; padding: 8px; border:1px solid #ddd; background-color: {color:ask background};"/>
  1081.  
  1082. <img src="{AskerPortraitURL-40}" width="42" align="Left" style="margin-left:-18px; margin-top: -18px; border:2px solid #dcd; border-radius:40px;"/>
  1083. <gee>{Asker}</gee> wondered: {Question} </div> <br>
  1084. <div style="background:{color:ask background}; padding-top:-5px; padding-bottom:10px;"><center>{Answer}</center></div><br>
  1085.  
  1086. <askk>{text:your name}</askk>
  1087.  
  1088. <P ALIGN=Left><a href="{Permalink}">{notecountwithlabel}</a>
  1089. {/block:Answer}
  1090.  
  1091. {block:Photo}
  1092. {block:IndexPage}
  1093. <center>
  1094. <div class="perma">
  1095. <a href="{Permalink}"> <a href="{ReblogURL}" target="_blank"> reblog </a> with <a href="{Permalink}">{NoteCountWithLabel} </div>
  1096. <div class="perma2">
  1097. <a href="{permalink}">posted {timeago}</a>
  1098. </div>
  1099.  
  1100. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1101. {/block:IndexPage}
  1102. {block:PermalinkPage}
  1103. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1104.  
  1105. {LinkCloseTag}
  1106. {/block:PermalinkPage}
  1107. {/block:Photo}
  1108.  
  1109. {block:Photoset}
  1110. {block:IndexPage}
  1111. <center>
  1112.  
  1113. <div class="perma">
  1114. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1115.  
  1116. {Photoset-250}</center>
  1117. {/block:IndexPage}
  1118. {block:PermalinkPage}
  1119. <center>
  1120. {Photoset-500}</center>
  1121. {/block:PermalinkPage}
  1122. {/block:Photoset}
  1123.  
  1124. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1125.  
  1126. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1127.  
  1128. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1129. <ul class="chat">
  1130. {block:Lines}
  1131. <li class="user_{UserNumber}">
  1132. {block:Label}
  1133. <span class="label">{Label}</span>
  1134. {/block:Label}
  1135.  
  1136. {Line}
  1137. </li>
  1138. {/block:Lines}
  1139. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1140. {/block:Chat}
  1141.  
  1142. {block:Audio}
  1143. <div style="width:200px; height:30px;">
  1144. {AudioPlayerBlack}
  1145. </div>
  1146. {block:IndexPage}<span class="permalink">
  1147. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1148. </span>{/block:IndexPage}
  1149. {/block:Audio}
  1150.  
  1151. {block:Video}
  1152. {block:IndexPage}
  1153. <center>
  1154. <div class="perma">
  1155. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1156. {Video-250}</center>
  1157. {/block:IndexPage}
  1158. {block:PermalinkPage}
  1159. <center>
  1160. {Video-400}</center>
  1161. {/block:PermalinkPage}
  1162. {block:Video}
  1163.  
  1164.  
  1165. {block:PostNotes}<div align="middle">{caption}</div>
  1166. <center>
  1167.  
  1168. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1169.  
  1170. {block:HasTags}
  1171. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1172. {block:RebloggedFrom}
  1173. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1174. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1175.  
  1176. {/block:RebloggedFrom}
  1177. </center></span>
  1178. <br>
  1179. <div id="postnotes">{PostNotes}</div><br>
  1180.  
  1181. <center>{block:ContentSource}
  1182. <br><a href="{SourceURL}">
  1183. {lang:Source}:
  1184. {block:SourceLogo}
  1185. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1186. height="{LogoHeight}" alt="{SourceTitle}" />
  1187. {/block:SourceLogo}
  1188. {block:NoSourceLogo}
  1189. {SourceLink}
  1190. {/block:NoSourceLogo}
  1191. </a>
  1192. {/block:ContentSource}</center>
  1193.  
  1194. {/block:PostNotes}
  1195. </div>
  1196. {/block:Posts}
  1197. </div></div>
  1198.  
  1199. {block:IndexPage}
  1200. {block:Pagination}
  1201. <div id="pagination">
  1202. {block:NextPage}
  1203. <a id="nextPage" href="{NextPage}"></a>
  1204. {/block:NextPage}
  1205. {block:PreviousPage}
  1206. <a href="{PreviousPage}"></a>
  1207. {/block:PreviousPage}
  1208. </div>
  1209. {/block:Pagination}
  1210. {/block:IndexPage}
  1211. </body>
  1212. <div style="position:fixed; bottom:5px; right:5px; background:white; padding: 3px; font-size: 18px; line-height: 10px; border:2px solid {color:sidebar border}; 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>
  1213. <div id="01" class="popup_block">
  1214.  
  1215. <br><center><mah>Updates</mah></center><br>
  1216.  
  1217. put your updates hurr babe c: <br>
  1218. use <br> to make a new paragraph!!
  1219.  
  1220. </div></div></div></div></div></div></div></div></div></div>
  1221. </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!