API tools faq
paste
abss_99

personal recent

abss_99
Oct 29th, 2013
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.46 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Go to tumblr.com/docs/en/custom_themes for assistance.
  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.  
  55. <script type="text/javascript">
  56. <!--
  57.  
  58. // Disable Right Click Script
  59.  
  60. function IE(e)
  61. {
  62. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  63. {
  64. return false;
  65. }
  66. }
  67. function NS(e)
  68. {
  69. if (document.layers || (document.getElementById && !document.all))
  70. {
  71. if (e.which == "2" || e.which == "3")
  72. {
  73. return false;
  74. }
  75. }
  76. }
  77. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  78.  
  79. //-->
  80. </script>
  81.  
  82.  
  83. <script type="text/javascript"
  84. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  85.  
  86. <!--DEFAULT VARIABLES-->
  87. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  88. <meta name="color:background" content="#fff"/>
  89. <meta name="color:link" content="#777"/>
  90. <meta name="color:text" content="#777"/>
  91. <meta name="color:title" content="#333"/>
  92. <meta name="color:links" content="#333"/>
  93. <meta name="color:sidebar border" content="#333"/>
  94. <meta name="color:border1" content="#333"/>
  95. <meta name="color:blogtitle" content="#333"/>
  96. <meta name="color:permalinks" content="#333"/>
  97. <meta name="color:permalinkbg" content="#333"/>
  98. <meta name="color:hover" content="#fff"/>
  99. <meta name="color:sidebacks1" content="#fff"/>
  100. <meta name="color:link title" content="#000"/>
  101. <meta name="image:sidebar" content="1"/>
  102. <meta name="image:background" content="1"/>
  103. <meta name="image:sidebar background" content="1"/>
  104. <meta name="image:pic" content="1"/>
  105. <meta name="image:pic2" content="1"/>
  106. <meta name="image:pic3" content="1"/>
  107. <meta name="image:sidebacks" content="1"/>
  108. <meta name="text:Link One" content=""/>
  109. <meta name="text:Link One Message" content"link1 title"/>
  110. <meta name="text:Link Two" content=""/>
  111. <meta name="text:Link Two Message" content"link2 title"/>
  112. <meta name="text:Link Three" content=""/>
  113. <meta name="text:Link Three Message" content"link3 title"/>
  114. <meta name="text:Link Four" content="" />
  115. <meta name="text:Link Four Message" content"link4 title"/>
  116. <meta name="text:your name" content="your name here"/>
  117. <meta name="text:ddescription" content=""/>
  118.  
  119. <style type="text/css">
  120.  
  121. #fade { /*--Transparent background layer--*/
  122. display: none; /*--hidden by default--*/
  123. background:#000;
  124. position: fixed; left: 0; top: 0;
  125. width: 100%; height: 100%;
  126. opacity: .80;
  127. z-index: 99999999;
  128. }
  129. .popup_block{
  130. display: none; /*--hidden by default--*/
  131. background: #fff;
  132. padding: 20px;
  133. border: 8px solid {color:sidebar border};
  134. float: left;
  135. font-size:12px;
  136. font-family:arial;
  137. position: fixed;
  138. top: 50%; left: 50%;
  139. z-index: 999999999;
  140. /*--CSS3 Box Shadows--*/
  141. -webkit-box-shadow: 0px 0px 20px #000;
  142. -moz-box-shadow: 0px 0px 20px #000;
  143. box-shadow: 0px 0px 20px #000;
  144. /*--CSS3 Rounded Corners--*/
  145. -webkit-border-radius: 10px;
  146. -moz-border-radius: 10px;
  147. border-radius: 10px;
  148. }
  149. img.btn_close {
  150. float: right;
  151. margin: -5px -5px 0 0;
  152. }
  153. /*--Making IE6 Understand Fixed Positioning--*/
  154. *html #fade {
  155. position: absolute;
  156. }
  157. *html .popup_block {
  158. position: absolute;
  159. }
  160.  
  161. #s-m-t-tooltip {
  162. max-width:300px;
  163. padding:8px 6px 8px 6px;
  164. margin:20px 0px 0px 20px;
  165. background: #fff; /* change the background color */
  166. border-right:3px solid {color:link title}; /* change the border color */
  167. border-left:3px solid {color:link title};
  168. font-family:talkingtothemoon; /* change the font */
  169. font-size:20px; /* change the font size */
  170. letter-spacing:0px; /* change the letter spacing */
  171. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  172. color:#000; /* change the text color */
  173. z-index:999999999999999999999999999999999999;
  174. box-shadow:0px 0px 3px;
  175. }
  176.  
  177. 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-
  178.  
  179. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  180.  
  181. 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;}
  182.  
  183. p {
  184. margin:0px;
  185. margin-top:0px;
  186. }
  187.  
  188.  
  189. body {
  190. padding: 0px;
  191. margin: 0px;
  192. color:{color:text};
  193. font-family: dixel;
  194. line-height:7px;
  195. font-size:8px;
  196. background-color: {color:Background};
  197. background-image:url({image:Background});
  198. background-attachment: fixed;
  199. background-repeat: repeat;
  200. }
  201.  
  202.  
  203. a:link, a:active, a:visited{
  204. text-decoration: none;
  205. -webkit-transition: color 0.3s ease-out;
  206. -moz-transition: color 0.3s ease-out;
  207. transition: color 0.3s ease-out;
  208. color:{color:link};
  209. }
  210.  
  211. a:hover {
  212. text-decoration: none;
  213. font-style:;
  214. color: {color:Hover};
  215. }
  216.  
  217. div#center{
  218. margin:auto;
  219. position:relative;
  220. width:1000px;
  221. background-color:;
  222. overflow:auto;
  223. overflow-y:hidden;
  224. }
  225.  
  226. ::-webkit-scrollbar-thumb:vertical {
  227. height:9px;
  228. background-color: {color:scrollbar};
  229. }
  230.  
  231. ::-webkit-scrollbar-thumb:horizontal {
  232. width:0px;
  233. height:0px;
  234. overflow:hidden;
  235. background:#fff;
  236. }
  237.  
  238. ::-webkit-scrollbar {
  239. width:5px;
  240. height:5px;
  241. overflow:hidden;
  242. background:#ddd;
  243. margin-right:5px;
  244. }
  245.  
  246. assk{
  247. font-family:fat tats;
  248. font-size:23px;
  249. line-height:16px;
  250. color:{color:title};
  251. }
  252.  
  253. gee{
  254. font-size:25px;
  255. font-family:fat tats;
  256. line-height:16px;
  257. color:{color:title};
  258. margin-left:5px;
  259. }
  260.  
  261. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  262. .entry {
  263. float:left;
  264. display: block;
  265. margin:7px;
  266. overflow:hidden;
  267. width:280px;
  268. border:1px solid #ddd;
  269. padding:8px;
  270. font-family:simply complicated;
  271. font-size:18px;
  272. LINE-HEIGHT:20px;
  273. {block:PermalinkPage}
  274. width:450px;
  275. text-align:left;
  276. line-height:16px;
  277. {/block:PermalinkPage}
  278. background:white;
  279. background-image:URL();
  280. }
  281.  
  282. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  283. .entry .perma{
  284. width:200px;
  285. height:40px;
  286. margin-left:40px;
  287. position: absolute;
  288. line-height: 16px;
  289. overflow:hidden;
  290. text-align:center;
  291. margin-top:40px;
  292. padding-top:8px;
  293. padding-bottom:4px;
  294. background:{color:permalinks};
  295. word-spacing:2px;
  296. letter-spacing:1px;
  297. font-family:talkingtothemoon;
  298. font-size:14px;
  299. opacity:0;
  300. border-radius:3px;
  301. border-left:3px solid {color:permalinkbg};
  302. border-right:3px solid {color:permalinkbg};
  303. border-right:3px solid {color:permalinkbg};
  304. -webkit-transition: all .7s ease;
  305. -moz-transition: all .7s ease;
  306. -o-transition: all .7s ease;
  307. transition: all .7s ease;
  308. }
  309.  
  310. .entry:hover .perma{
  311. overflow:visible;
  312. opacity:1;
  313. margin-top:18px;
  314. }
  315.  
  316. #pencil{
  317. position:fixed;
  318. width:540px;
  319. height:1000px;
  320. margin-left:-190px;
  321. opacity:0.4;
  322. margin-top:-5px;
  323. background:url({image:sidebacks});
  324. }
  325.  
  326. #eraser{
  327. position:fixed;
  328. width:230px;
  329. height:1000px;
  330. margin-left:1030px;
  331. opacity:0.4;
  332. margin-top:-5px;
  333. background:url({image:sidebacks});
  334. }
  335.  
  336. #pop{
  337. position:fixed;
  338. width:30px;
  339. height:1000px;
  340. margin-left:330px;
  341. margin-top:-5px;
  342. background:{color:sidebacks1};
  343. border:1px solid #ddd;
  344. z-index:99999;
  345. }
  346.  
  347. #can{
  348. position:fixed;
  349. width:30px;
  350. height:1000px;
  351. margin-left:1010px;
  352. margin-top:-5px;
  353. background:{color:sidebacks1};
  354. border:1px solid #ddd;
  355. z-index:99999;
  356. }
  357.  
  358. #gold{
  359. position:fixed;
  360. width:648px;
  361. height:30px;
  362. margin-left:362px;
  363. margin-top:-5px;
  364. background:{color:sidebacks1};
  365. border-bottom:1px solid #ddd;
  366. z-index:99999;
  367. }
  368.  
  369. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  370. #posts {
  371. width:700px;
  372. margin-top:35px;
  373. z-index:99;
  374. margin-left:373px;
  375. right:auto;
  376. background:transparent;
  377. margin-right:auto;
  378. position:relative;
  379. overflow-y: hidden;
  380. }
  381.  
  382. /*CUSTOMIZE SIDEBAR HERE*/
  383. #sidebar{
  384. position:fixed !important;
  385. width:311px;
  386. background:white;
  387. height:411px;
  388. margin-top:130px;
  389. margin-left:-90px;
  390. text-align:center;
  391. border-left:13px solid {color:sidebar border};
  392. border-top:3px solid {color:sidebar border};
  393. border-right:13px solid {color:sidebar border};
  394. border-bottom:3px solid {color:sidebar border};
  395. padding:10px;
  396. box-shadow:0px 0px 5px #000;
  397. background:url("http://static.tumblr.com/oct6d4x/lFHm1ew9k/brushed_alu.png");
  398. }
  399.  
  400. #sidebar img{
  401. opacity:1;
  402. width:105px;
  403. height:110px;
  404. margin-left:-190px;
  405. margin-top:10px;
  406. border:4px solid #fff;
  407. border-bottom:12px solid #fff;
  408. box-shadow:-1px 1px 3px #000;
  409. border-radius:5px;
  410. -webkit-transform: rotate(-8deg);
  411. transition: all 0.3s ease-out;
  412. -o-transition-transition: all 0.3s ease-out;
  413. -webkit-transition: all 0.3s ease-out;
  414. -moz-transition: all 0.3s ease-out;
  415. }
  416.  
  417. #heart1{
  418. position:fixed;
  419. background:transparent;
  420. margin-top:-153px;
  421. margin-left:183px;
  422. text-align:center;
  423. opacity:1;
  424. z-index: 999;
  425. }
  426.  
  427. #heart1 img{
  428. width:325px;
  429. border:0px;
  430. height:425px;
  431. box-shadow:0px 0px 0px;
  432. border-radius:0px;
  433. -webkit-transform: rotate(0deg);
  434. transition: all 0.4s ease-out;
  435. -o-transition-transition: all 0.4s ease-out;
  436. -webkit-transition: all 0.4s ease-out;
  437. -moz-transition: all 0.4s ease-out;
  438. }
  439.  
  440. #sidebar:hover #heart1 img{
  441. opacity:0;
  442. width:50px;
  443. height:50px;
  444. margin-top:180px;
  445. margin-left:-46px;
  446. transition: all 0.5s ease-out;
  447. -o-transition-transition: all 0.5s ease-out;
  448. -webkit-transition: all 0.5s ease-out;
  449. -moz-transition: all 0.5s ease-out;
  450. }
  451.  
  452. #heart3{
  453. position:fixed;
  454. background:transparent;
  455. text-align:center;
  456. opacity:1;
  457. z-index:99;
  458. }
  459.  
  460. #heart3 img{
  461. width:105px;
  462. height:105px;
  463. margin-left:110px;
  464. margin-top:-110px;
  465. border:4px solid #fff;
  466. border-bottom:12px solid #fff;
  467. -webkit-transform: rotate(8deg);
  468. box-shadow:1px 1px 3px #000;
  469. border-radius:5px;
  470. }
  471.  
  472. #heart4{
  473. position:fixed;
  474. background:transparent;
  475. text-align:center;
  476. opacity:1;
  477. z-index:9;
  478. }
  479.  
  480. #heart4 img{
  481. width:105px;
  482. height:110px;
  483. margin-left:190px;
  484. margin-top:-125px;
  485. border:4px solid #fff;
  486. border-bottom:12px solid #fff;
  487. -webkit-transform: rotate(8deg);
  488. box-shadow:1px 1px 3px #000;
  489. border-radius:5px;
  490. }
  491.  
  492. #blogtitle{
  493. position:fixed;
  494. width:auto;
  495. height:auto;
  496. margin-top:-216px;
  497. margin-left:-15px;
  498. opacity:1;
  499. font-family:fat tats;
  500. font-size:45px;
  501. color:{color:blogtitle};
  502. background:transparent;
  503. line-height:70px;
  504. letter-spacing:3px;
  505. height: 65px;
  506. z-index: 9999;
  507. text-shadow:0px 0px 3px #000;
  508. }
  509.  
  510. #desc{
  511. position:fixed;
  512. height:63px;
  513. margin-top:38px;
  514. margin-left:92px;
  515. width:197px;
  516. opacity:1;
  517. font-family:my oh my;
  518. color:#000;
  519. line-height: 19px;
  520. padding-top:10px;
  521. padding-bottom:8px;
  522. padding-left:8px;
  523. padding-right:10px;
  524. background-color:{color:links};
  525. font-size:16px;
  526. text-align:center;
  527. z-index:1;
  528. border:2px solid #ddd;
  529. transition: all 0.4s ease-out;
  530. -o-transition-transition: all 0.4s ease-out;
  531. -webkit-transition: all 0.4s ease-out;
  532. -moz-transition: all 0.4s ease-out;
  533. }
  534.  
  535. #heart2{
  536. position:fixed;
  537. background:transparent;
  538. transition: all 0.4s ease-out;
  539. -o-transition-transition: all 0.4s ease-out;
  540. -webkit-transition: all 0.4s ease-out;
  541. -moz-transition: all 0.4s ease-out;
  542. }
  543.  
  544. #heart2 img{
  545. width:150px;
  546. height:140px;
  547. margin-top:120px;
  548. margin-left:120px;
  549. -webkit-transform: rotate(0deg);
  550. box-shadow:0px 0px 0px;
  551. border:0px;
  552. }
  553.  
  554. #sidebar:hover #heart2{
  555. opacity:0.7;
  556. }
  557.  
  558. #cutie5{
  559. position:fixed;
  560. width:80px;
  561. height:18px;
  562. padding-top:5px;
  563. padding-bottom:10px;
  564. padding-left:9px;
  565. padding-right:29px;
  566. margin-left:-10px;
  567. margin-top:385px;
  568. line-height:18px;
  569. text-align:center;
  570. font-size:32px;
  571. letter-spacing:2px;
  572. font-family:jenna sue;
  573. opacity:1;
  574. z-index: 1;
  575. background-color:transparent;
  576. transition: all 0.4s ease-out;
  577. -o-transition-transition: all 0.4s ease-out;
  578. -webkit-transition: all 0.4s ease-out;
  579. -moz-transition: all 0.4s ease-out;
  580. }
  581.  
  582. @font-face {font-family:"frankentype";src:url('http://static.tumblr.com/ca4cyd5/Hnpmuia29/frankentype_personal_use_only.otf'); }
  583.  
  584. @font-face {font-family: "Meow";src: url('http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf') format("truetype");}
  585.  
  586. @font-face{font-family:"Dingleberry";src:url('http://static.tumblr.com/9wzbixa/EC3m26pf3/dingleberry_solid.ttf');}
  587.  
  588. @font-face{font-family:"Edosz";src:url('http://static.tumblr.com/9wzbixa/yRZmj2htw/edosz.ttf');}
  589.  
  590. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  591.  
  592. @font-face{font-family:"Jenna Sue";src:url('http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf');}
  593.  
  594. @font-face { font-family:talkingtothemoon;src: url('http://static.tumblr.com/ca4cyd5/yRImuia9e/talkingtothemoon.ttf'); }
  595.  
  596. @font-face { font-family:my oh my;src: url('http://static.tumblr.com/ca4cyd5/1kemui9sq/my_oh_my.ttf'); }
  597.  
  598. @font-face { font-family:fat tats;src: url('http://static.tumblr.com/ca4cyd5/uGjmui9nj/fat_tats.ttf'); }
  599.  
  600. @font-face { font-family:top modern;src: url('http://static.tumblr.com/ca4cyd5/yRgmuu0n4/top_modern.ttf'); }
  601.  
  602. @font-face { font-family:simply complicated;src: url('http://static.tumblr.com/ca4cyd5/2Dlmuu16y/simply_complicated.ttf'); }
  603.  
  604. #cutie1{
  605. position:fixed;
  606. width:52px;
  607. height:10px;
  608. padding-top:6px;
  609. padding-bottom:13px;
  610. padding-left:10px;
  611. padding-right:20px;
  612. margin-left:0px;
  613. margin-top:190px;
  614. line-height:18px;
  615. text-align:center;
  616. font-size:14px;
  617. letter-spacing:2px;
  618. font-family:top modern;
  619. opacity:1;
  620. z-index: 1;
  621. box-shadow:0px 0px 1px;
  622. border-top:3px solid {color:links};
  623. border-right:0px solid;
  624. border-bottom:3px solid {color:links};
  625. border-left:0px solid;
  626. background-color:#fff;
  627. transition: all 0.6s ease-out;
  628. -o-transition-transition: all 0.6s ease-out;
  629. -webkit-transition: all 0.6s ease-out;
  630. -moz-transition: all 0.6s ease-out;
  631. }
  632.  
  633. #cutie2{
  634. position:fixed;
  635. width:52px;
  636. height:10px;
  637. padding-top:6px;
  638. padding-bottom:13px;
  639. padding-left:7px;
  640. padding-right:23px;
  641. margin-left:0px;
  642. margin-top:240px;
  643. line-height:18px;
  644. text-align:center;
  645. font-size:14px;
  646. letter-spacing:2px;
  647. font-family:top modern;
  648. opacity:1;
  649. z-index: 1;
  650. box-shadow:0px 0px 1px;
  651. border-top:3px solid {color:links};
  652. border-right:0px solid;
  653. border-bottom:3px solid {color:links};
  654. border-left:0px solid;
  655. background-color:#fff;
  656. transition: all 0.6s ease-out;
  657. -o-transition-transition: all 0.6s ease-out;
  658. -webkit-transition: all 0.6s ease-out;
  659. -moz-transition: all 0.6s ease-out;
  660. }
  661.  
  662. #cutie3{
  663. position:fixed;
  664. width:52px;
  665. height:10px;
  666. padding-top:6px;
  667. padding-bottom:13px;
  668. padding-left:10px;
  669. padding-right:20px;
  670. margin-left:0px;
  671. margin-top:290px;
  672. line-height:18px;
  673. text-align:center;
  674. font-size:14px;
  675. letter-spacing:2px;
  676. font-family:top modern;
  677. opacity:1;
  678. z-index: 1;
  679. box-shadow:0px 0px 1px;
  680. border-top:3px solid {color:links};
  681. border-right:0px solid;
  682. border-bottom:3px solid {color:links};
  683. border-left:0px solid;
  684. background-color:#fff;
  685. transition: all 0.6s ease-out;
  686. -o-transition-transition: all 0.6s ease-out;
  687. -webkit-transition: all 0.6s ease-out;
  688. -moz-transition: all 0.6s ease-out;
  689. }
  690.  
  691. #cutie4{
  692. position:fixed;
  693. width:52px;
  694. height:10px;
  695. padding-top:6px;
  696. padding-bottom:13px;
  697. padding-left:10px;
  698. padding-right:20px;
  699. margin-left:0px;
  700. margin-top:340px;
  701. line-height:18px;
  702. text-align:center;
  703. font-size:14px;
  704. letter-spacing:2px;
  705. font-family:top modern;
  706. opacity:1;
  707. z-index: 1;
  708. box-shadow:0px 0px 1px;
  709. border-top:3px solid {color:links};
  710. border-right:0px solid;
  711. border-bottom:3px solid {color:links};
  712. border-left:0px solid;
  713. background-color:#fff;
  714. transition: all 0.6s ease-out;
  715. -o-transition-transition: all 0.6s ease-out;
  716. -webkit-transition: all 0.6s ease-out;
  717. -moz-transition: all 0.6s ease-out;
  718. }
  719.  
  720. .quote{
  721. position: fixed !important;
  722. width:645px;
  723. height:auto;
  724. font-family:meow;
  725. font-size: 14px;
  726. z-index:99999;
  727. line-height: 25px;
  728. text-shadow: 2px 2px 2px #fff;
  729. background-color: transparent;
  730. padding: 2px;
  731. text-align:center;
  732. margin-top:-1px;
  733. margin-left:355px;
  734. }
  735.  
  736. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  737. .title{
  738. line-height: 12px;
  739. color:{color:Title};
  740. font-weight: normal;
  741. font-family:frankentype;
  742. font-size:21px;
  743. line-height:18px;
  744. }
  745.  
  746. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  747. .permalink{
  748. text-transform: normal;
  749. display: block;
  750. text-align: right;
  751. text-decoration: none;
  752. font-size:16px;
  753. }
  754.  
  755. .permalink2{
  756. text-transform: normal;
  757. display: block;
  758. text-align:right;
  759. text-decoration: none;
  760. }
  761.  
  762. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  763. #infscr-loading{
  764. bottom: -70px;
  765. position: absolute;
  766. left: 50%;
  767. margin-left:-8px;
  768. width:16px;
  769. height:11px;
  770. overflow:hidden;
  771. margin-bottom: 50px;
  772. }
  773.  
  774. #postnotes{
  775. text-align: justify;}
  776.  
  777. #postnotes blockquote{
  778. border: 0px;}
  779.  
  780. blockquote{
  781. padding:0px 0px 2px 5px;
  782. margin:0px 0px 2px 10px;
  783. border-left: 1px dotted #555555;
  784. }
  785.  
  786. blockquote p, ul{
  787. margin:0px;
  788. padding:0px;
  789. }
  790.  
  791. a img{border: 0px;}
  792.  
  793.  
  794. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  795.  
  796. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  797. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  798.  
  799. .notes img{width:10px; position:relative; top:3px;}
  800. <--ses-->
  801. small{font-size: 90%;}
  802.  
  803. {CustomCSS}
  804.  
  805. </style>
  806.  
  807. {block:IndexPage}
  808. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  809. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  810.  
  811. <script type="text/javascript">
  812. $(window).load(function(){
  813. var $wall = $('#posts');
  814. $wall.imagesLoaded(function(){
  815. $wall.masonry({
  816. itemSelector: '.entry, .entry_photo',
  817. isAnimated : false
  818. });
  819. });
  820.  
  821. $wall.infinitescroll({
  822. navSelector : '#pagination',
  823. nextSelector : '#pagination a',
  824. itemSelector : '.entry, .entry_photo',
  825. bufferPx : 2000,
  826. debug : false,
  827. errorCallback: function() {
  828. $('#infscr-loading').fadeOut('normal');
  829. }},
  830. function( newElements ) {
  831. var $newElems = $( newElements );
  832. $newElems.hide();
  833. $newElems.imagesLoaded(function(){
  834. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  835. });
  836. }); $('#posts').show(500);
  837. });
  838. </script>
  839.  
  840.  
  841. {/block:IndexPage}
  842.  
  843.  
  844. <title>{title}</title>
  845.  
  846. <link rel="shortcut icon" href="{Favicon}" />
  847. <meta name="viewport" content="width=820" />
  848. </head>
  849.  
  850. <body>
  851.  
  852. <BODY onselectstart="return false;" ondragstart="return false;">
  853. <div class="wrapper">
  854. <div class="header">
  855. </div>
  856.  
  857. <div id="cage">
  858. <div id="center">
  859. <div id="pencil"></div>
  860. <div id="eraser"></div>
  861.  
  862. <div id="pop"></div>
  863. <div id="can"></div>
  864. <div id="gold"></div>
  865. <div class="quote">i'd give you my love and my soul, but inside my chest there is nobody home.
  866. </div>
  867.  
  868. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  869. <div id="sidebar">
  870. <center>
  871. <div id="cutie1"><a href="{text:Link One}" title="{text:Link One Message}">refresh</a></div>
  872.  
  873. <div id="cutie2"><a href="{text:Link Two}" title="{text:Link Two Message}">mailbox</a></div>
  874.  
  875. <div id="cutie3"><a href="{text:Link Three}" title="{text:Link Three Message}">stuff</a></div>
  876.  
  877. <div id="cutie4"><a href="{text:Link Four}" title="{text:Link Four Message}">themes</a> </div>
  878.  
  879. <div id="cutie5"><object type='application/x-shockwave-flash' data='http://flash-mp3-player.net/medias/player_mp3_multi.swf' width='100' height='23'> <param name='movie' value='http://flash-mp3-player.net/medias/player_mp3_multi.swf' /> <param name='bgcolor' value='#ffffff' /> <param name='FlashVars' value='mp3=http%3A//tegos.ru/new/mp3_full/Lana_Del_Rey_-_Young_And_Beautiful.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_lqo1x4714v1qge8npo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_m59bpp1wAc1qzlocno1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_md1f5x6X2C1rs5sz4o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_luy0o0fuLd1qdte2bo1.mp3%20%7C%20http%3A//media.shax-dag.ru/Music/users/music___123100_3.mp3%20&skin=white&buttoncolor=black&showlist=0' /> </object></a> </div>
  880. <a href="/"><img src="{image:sidebar}"</a>
  881. <div id="pew"></div>
  882. <div id="desc">{text:ddescription}</div>
  883. <div id="blogtitle">{blogtitle}</div>
  884. <div id="heart1"><img src="{image:pic}"></div>
  885. <div id="heart2"><img src="http://25.media.tumblr.com/3f7fa50cac3fa682764c3f9443966a4e/tumblr_mthfjqOmK21rm6jd7o1_500.png"></div>
  886. <div id="heart3"><a href='#?w=350' rel='01' class='poplight' title="updates"><img src="{image:pic2}"></div>
  887. <div id="heart4"><a href='#?w=350' rel='02' class='poplight' title="playlist"><img src="{image:pic3}"></div>
  888. </center>
  889. </div>
  890. <!------------------------------------->
  891.  
  892.  
  893. <div class="left">
  894. <div id="posts">
  895. {block:Posts}
  896. <div class="entry">
  897.  
  898. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  899.  
  900. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  901. {/block:Text}
  902.  
  903. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  904.  
  905. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  906.  
  907. {block:Answer}
  908. <div style=
  909. "margin: 1px 2px 1px 2px;
  910. min-height:30px;
  911. padding: 8px;
  912. padding-top:10px;
  913. padding-bottom:10px;
  914. border:1px solid #ddd;
  915. border-left:2px solid #ddd;
  916. border-bottom:2px solid #ddd;"/>
  917.  
  918. <img src="{AskerPortraitURL-40}" width="40" align="Left" style=
  919. "margin-left:-7px;
  920. margin-top: -17px;
  921. border:2px solid {color:sidebar border};
  922. border-radius:25px;"/> <gee>{Asker} </gee> wondered: {Question} </div> <br>
  923.  
  924. <div style="background:{color:ask background}; padding-top:-5px; padding-bottom:10px;"><center>{Answer}</center></div>
  925.  
  926. <assk>{text:your name}</assk> <br>
  927.  
  928. <P ALIGN=Right><a href="{Permalink}">{notecountwithlabel}</a>
  929. {/block:Answer}
  930.  
  931. {block:Photo}
  932. {block:IndexPage}
  933. <center>
  934. <div class="perma">
  935. <a href="{Permalink}"> <a href="{ReblogURL}" target="_blank"> reblog </a> with <a href="{Permalink}">{NoteCountWithLabel} posted {timeago}
  936. </div>
  937.  
  938. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  939. {/block:IndexPage}
  940. {block:PermalinkPage}
  941. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  942.  
  943. {LinkCloseTag}
  944. {/block:PermalinkPage}
  945. {/block:Photo}
  946.  
  947. {block:Photoset}
  948. {block:IndexPage}
  949. <center>
  950.  
  951. <div class="perma">
  952. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  953.  
  954. {Photoset-250}</center>
  955. {/block:IndexPage}
  956. {block:PermalinkPage}
  957. <center>
  958. {Photoset-500}</center>
  959. {/block:PermalinkPage}
  960. {/block:Photoset}
  961.  
  962. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  963.  
  964. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  965.  
  966. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  967. <ul class="chat">
  968. {block:Lines}
  969. <li class="user_{UserNumber}">
  970. {block:Label}
  971. <span class="label">{Label}</span>
  972. {/block:Label}
  973.  
  974. {Line}
  975. </li>
  976. {/block:Lines}
  977. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  978. {/block:Chat}
  979.  
  980. {block:Audio}
  981. <div style="width:200px; height:30px;">
  982. {AudioPlayerBlack}
  983. </div>
  984. {block:IndexPage}<span class="permalink">
  985. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  986. </span>{/block:IndexPage}
  987. {/block:Audio}
  988.  
  989. {block:Video}
  990. {block:IndexPage}
  991. <center>
  992. <div class="perma">
  993. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  994. {Video-250}</center>
  995. {/block:IndexPage}
  996. {block:PermalinkPage}
  997. <center>
  998. {Video-400}</center>
  999. {/block:PermalinkPage}
  1000. {block:Video}
  1001.  
  1002.  
  1003. {block:PostNotes}<div align="middle">{caption}</div>
  1004. <center>
  1005.  
  1006. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1007.  
  1008. {block:HasTags}
  1009. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1010. {block:RebloggedFrom}
  1011. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1012. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1013.  
  1014. {/block:RebloggedFrom}
  1015. </center></span>
  1016. <br>
  1017. <div id="postnotes">{PostNotes}</div><br>
  1018.  
  1019. <center>{block:ContentSource}
  1020. <br><a href="{SourceURL}">
  1021. {lang:Source}:
  1022. {block:SourceLogo}
  1023. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1024. height="{LogoHeight}" alt="{SourceTitle}" />
  1025. {/block:SourceLogo}
  1026. {block:NoSourceLogo}
  1027. {SourceLink}
  1028. {/block:NoSourceLogo}
  1029. </a>
  1030. {/block:ContentSource}</center>
  1031.  
  1032. {/block:PostNotes}
  1033. </div>
  1034. {/block:Posts}
  1035. </div></div>
  1036.  
  1037. {block:IndexPage}
  1038. {block:Pagination}
  1039. <div id="pagination">
  1040. {block:NextPage}
  1041. <a id="nextPage" href="{NextPage}"></a>
  1042. {/block:NextPage}
  1043. {block:PreviousPage}
  1044. <a href="{PreviousPage}"></a>
  1045. {/block:PreviousPage}
  1046. </div>
  1047. {/block:Pagination}
  1048. {/block:IndexPage}
  1049. </body>
  1050. <div id="01" class="popup_block">
  1051.  
  1052. Or you can put your updates here
  1053. I'm currently online! <br>
  1054. Follow my BOTW for a promo!<br>
  1055. Use <br> to make a new line & <p> for a new paragraph !
  1056.  
  1057. </div></div></div></div></div></div></div></div></div></div>
  1058. <div id="02" class="popup_block">
  1059.  
  1060. Or you can put your playlist here
  1061. I'm currently online! <br>
  1062. Follow my BOTW for a promo!<br>
  1063. Use <br> to make a new line & <p> for a new paragraph !
  1064.  
  1065. </div></div></div></div></div></div></div></div></div></div>
  1066. </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!