API tools faq
paste
abss_99

newest theme

abss_99
Dec 30th, 2013
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.85 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:hover" content="#fff"/>
  93. <meta name="image:sidebar" content="1"/>
  94. <meta name="image:background" content="1"/>
  95. <meta name="image:pic3" content="1"/>
  96. <meta name="image:pic" content="1"/>
  97. <meta name="image:pic2" content="1"/>
  98. <meta name="image:sidebacks" content="1"/>
  99. <meta name="color:sidebar background" content="#000"/>
  100. <meta name="color:sidebar background2" content="#000"/>
  101. <meta name="color:sidebar border" content="#000"/>
  102. <meta name="color:blogtitle" content="#000"/>
  103. <meta name="color:sidebacks1" content="#fff"/>
  104. <meta name="color:link title" content="#000"/>
  105. <meta name="color:links" content="#000"/>
  106.  
  107. <meta name="text:ddescription" content=""/>
  108. <meta name="text:title1" content=""/>
  109.  
  110. <meta name="text:Link One" content=""/>
  111. <meta name="text:Link One Message" content"link1 title"/>
  112. <meta name="text:Link Two" content=""/>
  113. <meta name="text:Link Two Message" content"link2 title"/>
  114. <meta name="text:Link Three" content=""/>
  115. <meta name="text:Link Three Message" content"link3 title"/>
  116. <meta name="text:Link Four" content="" />
  117. <meta name="text:Link Four Message" content"link4 title"/>
  118. <meta name="text:Link Five" content="" />
  119. <meta name="text:Link Five Message" content"link5 title"/>
  120. <meta name="text:Link Six" content="" />
  121. <meta name="text:Link Six Message" content"link6 title"/>
  122. <meta name="text:your name" content="your name here"/>
  123.  
  124.  
  125. <style type="text/css">
  126.  
  127. #fade { /*--Transparent background layer--*/
  128. display: none; /*--hidden by default--*/
  129. background:#000;
  130. position: fixed; left: 0; top: 0;
  131. width: 100%; height: 100%;
  132. opacity: .80;
  133. z-index: 999;
  134. }
  135. .popup_block{
  136. display: none; /*--hidden by default--*/
  137. background:#fff;
  138. padding: 20px;
  139. border-left: 13px solid {color:blogtitle};
  140. border-right: 13px solid {color:blogtitle};
  141. border-top: 10px solid {color:blogtitle};
  142. border-bottom: 10px solid {color:blogtitle};
  143. float: left;
  144. font-size:18px;
  145. font-family:kgbeginagain;
  146. line-height:18px;
  147. text-align:center;
  148. position: fixed;
  149. top: 50%; left: 50%;
  150. z-index: 9999999999999999999999999999999999;
  151. /*--CSS3 Box Shadows--*/
  152. -webkit-box-shadow: 0px 0px 20px #000;
  153. -moz-box-shadow: 0px 0px 20px #000;
  154. box-shadow: 0px 0px 20px #000;
  155. /*--CSS3 Rounded Corners--*/
  156. -webkit-border-radius: 10px;
  157. -moz-border-radius: 10px;
  158. border-radius: 55px 35px / 35px 55px;
  159. transition: all 0.6s ease-out;
  160. -o-transition-transition: all 0.6s ease-out;
  161. -webkit-transition: all 0.6s ease-out;
  162. -moz-transition: all 0.6s ease-out;
  163. }
  164. img.btn_close {
  165. float: right;
  166. margin: -5px -5px 0 0;
  167. }
  168. /*--Making IE6 Understand Fixed Positioning--*/
  169. *html #fade {
  170. position: absolute;
  171. }
  172. *html .popup_block {
  173. position: absolute;
  174. }
  175.  
  176. #s-m-t-tooltip {
  177. max-width:300px;
  178. padding:6px 6px 6px 6px;
  179. margin:20px 0px 0px 20px;
  180. background:{color:link title}; /* change the background color */
  181. border:3px double #fff; /* change the border color */
  182. font-family:barkentina1; /* change the font */
  183. font-size:14px; /* change the font size */
  184. letter-spacing:0px; /* change the letter spacing */
  185. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  186. color:#fff; /* change the text color */
  187. z-index:999999999999999999999999999999999999;
  188. }
  189.  
  190. 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-
  191.  
  192. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  193.  
  194. 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;}
  195.  
  196. p {
  197. margin:0px;
  198. margin-top:0px;
  199. }
  200.  
  201. ::-webkit-scrollbar-thumb:vertical {
  202. height:9px;
  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:5px;
  215. height:5px;
  216. overflow:hidden;
  217. background:#ddd;
  218. margin-right:5px;
  219. }
  220.  
  221. body {
  222. padding: 0px;
  223. margin: 0px;
  224. color:{color:text};
  225. font-family: dixel;
  226. line-height:7px;
  227. font-size:8px;
  228. background-color: {color:Background};
  229. background:url({image:background});
  230. background-attachment: fixed;
  231. background-repeat: repeat;
  232. }
  233.  
  234. assk{
  235. font-family:kingthings christmas;
  236. font-size:32px;
  237. color:{color:ask};
  238. }
  239.  
  240. gee{
  241. font-family:
  242. font-size:
  243. }
  244.  
  245. @font-face{font-family:kingthings christmas;src:url("http://static.tumblr.com/ca4cyd5/2eMmxcu26/kingthings_christmas_2.2.ttf");}
  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. }
  260.  
  261. div#center{
  262. margin:auto;
  263. position:relative;
  264. width:1000px;
  265. background-color:;
  266. overflow:auto;
  267. overflow-y:hidden;
  268. }
  269.  
  270. #pencil{
  271. position:fixed;
  272. width:560px;
  273. height:1000px;
  274. margin-left:-190px;
  275. opacity:0.4;
  276. margin-top:-5px;
  277. border-right:0px solid;
  278. background:url({image:sidebacks});
  279. }
  280.  
  281. #eraser{
  282. position:fixed;
  283. width:230px;
  284. height:1000px;
  285. margin-left:1030px;
  286. opacity:0.4;
  287. margin-top:-5px;
  288. background:url({image:sidebacks});
  289. }
  290.  
  291. #pop{
  292. position:fixed;
  293. width:30px;
  294. height:1000px;
  295. margin-left:360px;
  296. margin-top:-5px;
  297. background:{color:sidebacks1};
  298. border:1px solid #ddd;
  299. z-index:999;
  300. }
  301.  
  302. #can{
  303. position:fixed;
  304. width:30px;
  305. height:1000px;
  306. margin-left:1030px;
  307. margin-top:-5px;
  308. background:{color:sidebacks1};
  309. border:1px solid #ddd;
  310. z-index:999;
  311. }
  312.  
  313. #gold{
  314. position:fixed;
  315. width:610px;
  316. height:30px;
  317. margin-left:405px;
  318. margin-top:-5px;
  319. background:#fff;
  320. border-bottom:5px solid {color:sidebacks1};
  321. z-index:999;
  322. }
  323.  
  324. .quote{
  325. position: fixed !important;
  326. width:645px;
  327. height:auto;
  328. font-family:simply complicated;
  329. font-size: 14px;
  330. z-index:99999;
  331. line-height: 25px;
  332. text-shadow: 2px 2px 2px #fff;
  333. background-color: transparent;
  334. padding: 2px;
  335. text-align:center;
  336. margin-top:-1px;
  337. margin-left:375px;
  338. }
  339.  
  340. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  341. .entry {
  342. float:left;
  343. display: block;
  344. margin:7px;
  345. border:5px double {color:sidebar border};
  346. overflow:hidden;
  347. padding:4px;
  348. padding-top:7px;
  349. width:260px;
  350. font-family:kgbeginagain;
  351. font-size:18px;
  352. line-height:24px;
  353. {block:PermalinkPage}
  354. width:450px;
  355. text-align:left;
  356. line-height:18px;
  357. {/block:PermalinkPage}
  358. background:white;
  359. background-image:URL();
  360. }
  361.  
  362. @font-face { font-family:kgbeginagain;src: url('http://static.tumblr.com/ca4cyd5/xUsmxcst6/kgbeginagain.ttf'); }
  363.  
  364. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  365. .entry .perma{
  366. width:50px;
  367. height:30px;
  368. margin-left:100px;
  369. position: absolute;
  370. line-height: 16px;
  371. overflow:hidden;
  372. text-align:center;
  373. top:50px;
  374. padding-top:14px;
  375. background:white;
  376. word-spacing:2px;
  377. letter-spacing:1px;
  378. font-family:please write me a song;
  379. font-size:0px;
  380. opacity: 0.0;
  381. background: linear-gradient(to bottom, #A7BFC7, #fff);
  382. border-top:3px solid #DCEFF5;
  383. border-bottom:3px solid #DCEFF5;
  384. -webkit-transition: all .7s ease;
  385. -moz-transition: all .7s ease;
  386. -o-transition: all .7s ease;
  387. transition: all .7s ease;
  388.  
  389. }
  390.  
  391. .entry:hover .perma{
  392. overflow:visible;
  393. opacity:1;
  394. width:260px;
  395. margin-left:0px;
  396. margin-top:;
  397. font-size:18px;
  398. }
  399.  
  400.  
  401. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  402. #posts {
  403. width:650px;
  404. margin-top:40px;
  405. z-index:99;
  406. margin-left:422px;
  407. right:auto;
  408. background:transparent;
  409. margin-right:auto;
  410. position:relative;
  411. overflow-y: hidden;
  412. }
  413.  
  414. /*CUSTOMIZE SIDEBAR HERE*/
  415. #sidebar{
  416. position:fixed !important;
  417. width:300px;
  418. background:white;
  419. height:390px;
  420. margin-top:150px;
  421. margin-left:-35px;
  422. text-align:center;
  423. border:8px solid {color:sidebar border};
  424. box-shadow:0px 0px 5px;
  425. }
  426.  
  427. #sidebar img{
  428. height:390px;
  429. }
  430.  
  431. #cirrrcle{
  432. position:fixed;
  433. width:30px;
  434. height:30px;
  435. margin-left:300px;
  436. margin-top:-315px;
  437. background:white;
  438. border:1px solid #000;
  439. border-radius:55px;
  440. z-index:1;
  441. }
  442.  
  443. #heart1{
  444. position:fixed;
  445. margin-top:-390px;
  446. margin-left:-20px;
  447. z-index: 999;
  448. width:300px;
  449. opacity:0;
  450. height:195px;
  451. background:{color:sidebar background};
  452. transition: all 0.4s ease-out;
  453. -o-transition-transition: all 0.4s ease-out;
  454. -webkit-transition: all 0.4s ease-out;
  455. -moz-transition: all 0.4s ease-out;
  456. }
  457.  
  458. #sidebar:hover #heart1{
  459. opacity:1;
  460. width:300px;
  461. margin-left:0px;
  462. transition: all 0.5s ease-out;
  463. -o-transition-transition: all 0.5s ease-out;
  464. -webkit-transition: all 0.5s ease-out;
  465. -moz-transition: all 0.5s ease-out;
  466. }
  467.  
  468. #heart2{
  469. position:fixed;
  470. margin-top:-195px;
  471. margin-left:20px;
  472. z-index: 9999;
  473. width:300px;
  474. opacity:0;
  475. height:195px;
  476. background:{color:sidebar background2};
  477. transition: all 0.4s ease-out;
  478. -o-transition-transition: all 0.4s ease-out;
  479. -webkit-transition: all 0.4s ease-out;
  480. -moz-transition: all 0.4s ease-out;
  481. }
  482.  
  483. #sidebar:hover #heart2{
  484. opacity:1;
  485. width:300px;
  486. margin-left:0px;
  487. transition: all 0.5s ease-out;
  488. -o-transition-transition: all 0.5s ease-out;
  489. -webkit-transition: all 0.5s ease-out;
  490. -moz-transition: all 0.5s ease-out;
  491. }
  492.  
  493. #blogtitle{
  494. position:fixed;
  495. width:auto;
  496. height:auto;
  497. margin-top:-456px;
  498. margin-left:-15px;
  499. opacity:1;
  500. font-family:talkingtothemoon;
  501. font-size:55px;
  502. color:{color:blogtitle};
  503. background:transparent;
  504. line-height:70px;
  505. letter-spacing:3px;
  506. height: 65px;
  507. z-index: 9999;
  508. text-shadow:0px 0px 3px #000;
  509. }
  510.  
  511. #desc{
  512. position:fixed;
  513. height:63px;
  514. margin-top:-138px;
  515. margin-left:143px;
  516. width:157px;
  517. opacity:0;
  518. font-family:simply complicated;
  519. color:#000;
  520. line-height: 19px;
  521. padding-top:10px;
  522. padding-bottom:8px;
  523. padding-left:8px;
  524. padding-right:10px;
  525. background-color:transparent;
  526. font-size:16px;
  527. text-align:right;
  528. z-index:9999;
  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. #sidebar:hover #desc{
  536. opacity:1;
  537. margin-left:123px;
  538. }
  539.  
  540. #heart5{
  541. position:fixed;
  542. background:transparent;
  543. opacity:0;
  544. z-index:9999;
  545. margin-left:35px;
  546. margin-top:-70px;
  547. transition: all 0.4s ease-out;
  548. -o-transition-transition: all 0.4s ease-out;
  549. -webkit-transition: all 0.4s ease-out;
  550. -moz-transition: all 0.4s ease-out;
  551. }
  552.  
  553. #heart5 img{
  554. width:60px;
  555. height:60px;
  556. border:2px solid #fff;
  557. box-shadow:1px 1px 3px #000;
  558. border-radius:65px;
  559. }
  560.  
  561. #sidebar:hover #heart5{
  562. opacity:1;
  563. margin-left:10px;
  564. }
  565.  
  566. #heart3{
  567. position:fixed;
  568. background:transparent;
  569. opacity:0;
  570. z-index:9999;
  571. margin-left:75px;
  572. margin-top:-130px;
  573. transition: all 0.4s ease-out;
  574. -o-transition-transition: all 0.4s ease-out;
  575. -webkit-transition: all 0.4s ease-out;
  576. -moz-transition: all 0.4s ease-out;
  577. }
  578.  
  579. #heart3 img{
  580. width:60px;
  581. height:60px;
  582. border:2px solid #fff;
  583. -webkit-transform: rotate(-12deg);
  584. box-shadow:1px 1px 3px #000;
  585. border-radius:65px;
  586. }
  587.  
  588. #sidebar:hover #heart3{
  589. opacity:1;
  590. margin-left:60px;
  591. }
  592.  
  593. #heart4{
  594. position:fixed;
  595. background:transparent;
  596. opacity:0;
  597. z-index:9999;
  598. margin-left:35px;
  599. margin-top:-190px;
  600. transition: all 0.4s ease-out;
  601. -o-transition-transition: all 0.4s ease-out;
  602. -webkit-transition: all 0.4s ease-out;
  603. -moz-transition: all 0.4s ease-out;
  604. }
  605.  
  606. #heart4 img{
  607. width:60px;
  608. height:60px;
  609. border:2px solid #fff;
  610. -webkit-transform: rotate(-12deg);
  611. box-shadow:1px 1px 3px #000;
  612. border-radius:65px;
  613. }
  614.  
  615. #sidebar:hover #heart4{
  616. opacity:1;
  617. margin-left:10px;
  618. }
  619.  
  620.  
  621. #line{
  622. position:fixed;
  623. background:white;
  624. opacity:0;
  625. z-index:9999;
  626. margin-left:80px;
  627. margin-top:-389px;
  628. height:150px;
  629. border:1px dotted;
  630. transition: all 0.4s ease-out;
  631. -o-transition-transition: all 0.4s ease-out;
  632. -webkit-transition: all 0.4s ease-out;
  633. -moz-transition: all 0.4s ease-out;
  634. }
  635.  
  636. #sidebar:hover #line{
  637. opacity:1;
  638. margin-left:105px;
  639. }
  640.  
  641. #abb{
  642. position:fixed;
  643. background:transparent;
  644. opacity:0;
  645. z-index:9999;
  646. margin-left:190px;
  647. margin-top:-420px;
  648. transition: all 0.4s ease-out;
  649. -o-transition-transition: all 0.4s ease-out;
  650. -webkit-transition: all 0.4s ease-out;
  651. -moz-transition: all 0.4s ease-out;
  652. }
  653.  
  654. #abb img{
  655. width:120px;
  656. height:120px;
  657. -webkit-transform: rotate(42deg);
  658. }
  659.  
  660. #sidebar:hover #abb{
  661. opacity:1;
  662. margin-left:210px;
  663. }
  664.  
  665. @font-face { font-family:talkingtothemoon;src: url('http://static.tumblr.com/ca4cyd5/yRImuia9e/talkingtothemoon.ttf'); }
  666.  
  667. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  668.  
  669. @font-face { font-family:simply complicated;src: url('http://static.tumblr.com/ca4cyd5/2Dlmuu16y/simply_complicated.ttf'); }
  670.  
  671. @font-face { font-family:top modern;src: url('http://static.tumblr.com/ca4cyd5/yRgmuu0n4/top_modern.ttf'); }
  672.  
  673. @font-face { font-family:barkentina 1;src: url('http://static.tumblr.com/ca4cyd5/oWumw29uf/barkentina_1.otf'); }
  674.  
  675. @font-face { font-family:please write me a song;src: url('http://static.tumblr.com/ca4cyd5/7Etmwbbhk/please_write_me_a_song.ttf'); }
  676.  
  677. #cutie1{
  678. position:fixed;
  679. width:52px;
  680. height:10px;
  681. padding-top:6px;
  682. padding-bottom:13px;
  683. padding-left:20px;
  684. padding-right:20px;
  685. margin-left:-10px;
  686. margin-top:10px;
  687. line-height:18px;
  688. text-align:center;
  689. font-size:14px;
  690. letter-spacing:2px;
  691. font-family:top modern;
  692. opacity:0;
  693. z-index:99999;
  694. border-right:0px solid;
  695. border-bottom:2px solid {color:links};
  696. border-left:0px solid;
  697. background-color:transparent;
  698. transition: all 0.4s ease-out;
  699. -o-transition-transition: all 0.4s ease-out;
  700. -webkit-transition: all 0.4s ease-out;
  701. -moz-transition: all 0.4s ease-out;
  702. }
  703.  
  704. #sidebar:hover #cutie1{
  705. margin-left:10px;
  706. opacity:1;
  707. }
  708.  
  709. #cutie1:hover{
  710. border-left:2px solid {color:links};
  711. border-bottom:0px;
  712. }
  713.  
  714. #cutie2{
  715. position:fixed;
  716. width:52px;
  717. height:10px;
  718. padding-top:6px;
  719. padding-bottom:13px;
  720. padding-left:14px;
  721. padding-right:26px;
  722. margin-left:90px;
  723. margin-top:10px;
  724. line-height:18px;
  725. text-align:center;
  726. font-size:14px;
  727. letter-spacing:2px;
  728. font-family:top modern;
  729. opacity:0;
  730. z-index:99999;
  731. border-right:0px solid;
  732. border-bottom:2px solid {color:links};
  733. border-left:0px solid;
  734. background-color:transparent;
  735. transition: all 0.4s ease-out;
  736. -o-transition-transition: all 0.4s ease-out;
  737. -webkit-transition: all 0.4s ease-out;
  738. -moz-transition: all 0.4s ease-out;
  739. }
  740.  
  741. #sidebar:hover #cutie2{
  742. margin-left:110px;
  743. opacity:1;
  744. }
  745.  
  746. #cutie2:hover{
  747. border-right:2px solid {color:links};
  748. border-bottom:0px;
  749. }
  750.  
  751. #cutie3{
  752. position:fixed;
  753. width:52px;
  754. height:10px;
  755. padding-top:6px;
  756. padding-bottom:13px;
  757. padding-left:20px;
  758. padding-right:20px;
  759. margin-left:-10px;
  760. margin-top:55px;
  761. line-height:18px;
  762. text-align:center;
  763. font-size:14px;
  764. letter-spacing:2px;
  765. font-family:top modern;
  766. opacity:0;
  767. z-index:99999;
  768. border-right:0px solid;
  769. border-bottom:2px solid {color:links};
  770. border-left:0px solid;
  771. background-color:transparent;
  772. transition: all 0.4s ease-out;
  773. -o-transition-transition: all 0.4s ease-out;
  774. -webkit-transition: all 0.4s ease-out;
  775. -moz-transition: all 0.4s ease-out;
  776. }
  777.  
  778. #sidebar:hover #cutie3{
  779. margin-left:10px;
  780. opacity:1;
  781. }
  782.  
  783. #cutie3:hover{
  784. border-left:2px solid {color:links};
  785. border-bottom:0px;
  786. }
  787.  
  788. #cutie4{
  789. position:fixed;
  790. width:52px;
  791. height:10px;
  792. padding-top:6px;
  793. padding-bottom:13px;
  794. padding-left:20px;
  795. padding-right:20px;
  796. margin-left:90px;
  797. margin-top:55px;
  798. line-height:18px;
  799. text-align:center;
  800. font-size:14px;
  801. letter-spacing:2px;
  802. font-family:top modern;
  803. opacity:0;
  804. z-index:99999;
  805. border-right:0px solid;
  806. border-bottom:2px solid {color:links};
  807. border-left:0px solid;
  808. background-color:transparent;
  809. transition: all 0.4s ease-out;
  810. -o-transition-transition: all 0.4s ease-out;
  811. -webkit-transition: all 0.4s ease-out;
  812. -moz-transition: all 0.4s ease-out;
  813. }
  814.  
  815. #sidebar:hover #cutie4{
  816. margin-left:110px;
  817. opacity:1;
  818. }
  819.  
  820. #cutie4:hover{
  821. border-right:2px solid {color:links};
  822. border-bottom:0px;
  823. }
  824.  
  825. #cutie5{
  826. position:fixed;
  827. width:52px;
  828. height:10px;
  829. padding-top:6px;
  830. padding-bottom:13px;
  831. padding-left:12px;
  832. padding-right:28px;
  833. margin-left:-10px;
  834. margin-top:100px;
  835. line-height:18px;
  836. text-align:center;
  837. font-size:14px;
  838. letter-spacing:2px;
  839. font-family:top modern;
  840. opacity:0;
  841. z-index:99999;
  842. border-right:0px solid;
  843. border-bottom:2px solid {color:links};
  844. border-left:0px solid;
  845. background-color:transparent;
  846. transition: all 0.4s ease-out;
  847. -o-transition-transition: all 0.4s ease-out;
  848. -webkit-transition: all 0.4s ease-out;
  849. -moz-transition: all 0.4s ease-out;
  850. }
  851.  
  852. #sidebar:hover #cutie5{
  853. margin-left:10px;
  854. opacity:1;
  855. }
  856.  
  857. #cutie5:hover{
  858. border-left:2px solid {color:links};
  859. border-bottom:0px;
  860. }
  861.  
  862. #cutie6{
  863. position:fixed;
  864. width:52px;
  865. height:10px;
  866. padding-top:6px;
  867. padding-bottom:13px;
  868. padding-left:18px;
  869. padding-right:22px;
  870. margin-left:90px;
  871. margin-top:100px;
  872. line-height:18px;
  873. text-align:center;
  874. font-size:14px;
  875. letter-spacing:2px;
  876. font-family:top modern;
  877. opacity:0;
  878. z-index:99999;
  879. border-right:0px solid;
  880. border-bottom:2px solid {color:links};
  881. border-left:0px solid;
  882. background-color:transparent;
  883. transition: all 0.4s ease-out;
  884. -o-transition-transition: all 0.4s ease-out;
  885. -webkit-transition: all 0.4s ease-out;
  886. -moz-transition: all 0.4s ease-out;
  887. }
  888.  
  889. #sidebar:hover #cutie6{
  890. margin-left:110px;
  891. opacity:1;
  892. }
  893.  
  894. #cutie6:hover{
  895. border-right:2px solid {color:links};
  896. border-bottom:0px;
  897. }
  898.  
  899. #merp{
  900. position:fixed;
  901. background:transparent;
  902. margin-top:10px;
  903. margin-left:0px;
  904. text-align:center;
  905. opacity:1;
  906. z-index: 999999;
  907. repeat:repeat-x;
  908. }
  909.  
  910. #merp img{
  911. width:306px;
  912. height:50px;
  913. opacity:.8;
  914. repeat:repeat-x;
  915. }
  916.  
  917. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  918. .title{
  919. line-height: 12px;
  920. color:{color:Title};
  921. font-weight: normal;
  922. font-size:22px;
  923. font-family:labelleaurore;
  924. line-height:16px;
  925. }
  926.  
  927. @font-face { font-family:labelleaurore;src: url('http://static.tumblr.com/ca4cyd5/jUNmwbbr6/labelleaurore.ttf'); }
  928.  
  929. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  930. .permalink{
  931. text-transform: normal;
  932. display: block;
  933. text-align: right;
  934. text-decoration: none;
  935. }
  936.  
  937.  
  938. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  939. #infscr-loading{
  940. bottom: -70px;
  941. position: absolute;
  942. left: 50%;
  943. margin-left:-8px;
  944. width:16px;
  945. height:11px;
  946. overflow:hidden;
  947. margin-bottom: 50px;
  948. }
  949.  
  950. #postnotes{
  951. text-align: justify;}
  952.  
  953. #postnotes blockquote{
  954. border: 0px;}
  955.  
  956. blockquote{
  957. padding:0px 0px 2px 5px;
  958. margin:0px 0px 2px 10px;
  959. border-left: 1px dotted #555555;
  960. }
  961.  
  962. blockquote p, ul{
  963. margin:0px;
  964. padding:0px;
  965. }
  966.  
  967. a img{border: 0px;}
  968.  
  969.  
  970. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  971.  
  972. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  973. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  974.  
  975. .notes img{width:10px; position:relative; top:3px;}
  976. <--ses-->
  977. small{font-size: 90%;}
  978.  
  979. {CustomCSS}
  980.  
  981. </style>
  982.  
  983. {block:IndexPage}
  984. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  985. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  986.  
  987. <script type="text/javascript">
  988. $(window).load(function(){
  989. var $wall = $('#posts');
  990. $wall.imagesLoaded(function(){
  991. $wall.masonry({
  992. itemSelector: '.entry, .entry_photo',
  993. isAnimated : false
  994. });
  995. });
  996.  
  997. $wall.infinitescroll({
  998. navSelector : '#pagination',
  999. nextSelector : '#pagination a',
  1000. itemSelector : '.entry, .entry_photo',
  1001. bufferPx : 2000,
  1002. debug : false,
  1003. errorCallback: function() {
  1004. $('#infscr-loading').fadeOut('normal');
  1005. }},
  1006. function( newElements ) {
  1007. var $newElems = $( newElements );
  1008. $newElems.hide();
  1009. $newElems.imagesLoaded(function(){
  1010. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1011. });
  1012. }); $('#posts').show(500);
  1013. });
  1014. </script>
  1015.  
  1016.  
  1017. {/block:IndexPage}
  1018.  
  1019.  
  1020. <title>{title}</title>
  1021.  
  1022. <link rel="shortcut icon" href="{Favicon}" />
  1023. <meta name="viewport" content="width=820" />
  1024. </head>
  1025.  
  1026. <body>
  1027. <script type='text/javascript'>
  1028.  
  1029. sitePath = 'http://vanessaluiza.com/_utilidades/script/let-it-snow/';
  1030.  
  1031. sflakesMax = 0.15;
  1032.  
  1033. sflakesMaxActive = 110;
  1034.  
  1035. svMaxX = 1;
  1036.  
  1037. svMaxY = 1;
  1038.  
  1039. ssnowStick = 0;
  1040.  
  1041. sfollowMouse = 1;
  1042.  
  1043. snowStorm.snowStick = true;
  1044.  
  1045. snowStorm.flakesMax = 150;
  1046.  
  1047. </script>
  1048.  
  1049. <script src='http://blogonthenet.xpg.com.br/ttricks/snowstorm.js' type='text/javascript'></script>
  1050. <BODY onselectstart="return false;" ondragstart="return false;">
  1051. <div class="wrapper">
  1052. <div class="header">
  1053. </div>
  1054.  
  1055. <div id="cage">
  1056. <div id="center">
  1057. <div id="pencil"></div>
  1058. <div id="eraser"></div>
  1059.  
  1060. <div id="pop"></div>
  1061. <div id="can"></div>
  1062. <div id="gold"></div>
  1063. <div class="quote">I leave my heart open but it stays right here in its cage...
  1064. </div>
  1065.  
  1066. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1067. <div id="sidebar">
  1068. <center>
  1069. <div id="cutie1"><a href="{text:Link One}" title="{text:Link One Message}">refresh</a></div>
  1070.  
  1071. <div id="cutie2"><a href="{text:Link Two}" title="{text:Link Two Message}">mailbox</a></div>
  1072.  
  1073. <div id="cutie3"><a href="{text:Link Three}" title="{text:Link Three Message}">mine</a> </div>
  1074.  
  1075. <div id="cutie4"><a href="{text:Link Four}" title="{text:Link Four Message}">extra</a> </div>
  1076.  
  1077. <div id="cutie5"><a href="{text:Link Five}" title="{text:Link Five Message}">personal</a> </div>
  1078.  
  1079. <div id="cutie6"><a href="{text:Link Six}" title="{text:Link Six Message}">themes</a> </div>
  1080. <a href="/"><img src="{image:sidebar}" width=100%></a>
  1081. {description}
  1082. <div id="heart1"></div>
  1083. <div id="heart2"></div>
  1084. <div id="desc">{text:ddescription}</div>
  1085. <div id="blogtitle">{text:title1}</div>
  1086. <div id="abb"><img src="http://25.media.tumblr.com/177359ed59f316d702b50fed669fcd9e/tumblr_mwzusqakTI1s1jinbo1_500.png"></div>
  1087. <div id="heart5"><img src="{image:pic}"></div>
  1088. <div id="heart3"><a href='#?w=350' rel='01' class='poplight' title="updates"><img src="{image:pic2}"></div>
  1089. <div id="heart4"><a href='#?w=350' rel='02' class='poplight' title="playlist"><img src="{image:pic3}"></div>
  1090. <div id="line"></div>
  1091. <div id="merp"><img src="http://31.media.tumblr.com/863bd269c1220838d921ca9ae04b036d/tumblr_mx41u1PmNQ1rmmrx3o2_400.png"></div>
  1092. </center>
  1093. </div>
  1094. <!------------------------------------->
  1095.  
  1096.  
  1097. <div class="left">
  1098. <div id="posts">
  1099. {block:Posts}
  1100. <div class="entry">
  1101.  
  1102. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1103.  
  1104. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1105. {/block:Text}
  1106.  
  1107. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1108.  
  1109. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1110.  
  1111. {block:Answer}
  1112. <div style=
  1113. "margin: 1px 2px 1px 2px;
  1114. min-height:30px;
  1115. padding: 8px;
  1116. padding-top:10px;
  1117. padding-bottom:10px;
  1118. border:1px solid #ddd;
  1119. border-left:2px solid #ddd;
  1120. border-bottom:2px solid #ddd;"/>
  1121.  
  1122. <img src="{AskerPortraitURL-40}" width="40" align="Left" style=
  1123. "margin-left:-7px;
  1124. margin-top: -17px;
  1125. border:2px solid {color:sidebar border};
  1126. border-radius:25px;"/> <gee>{Asker} </gee> wondered: {Question} </div> <br>
  1127.  
  1128. <div style="background:{color:ask background}; padding-top:-5px; padding-bottom:10px;"><center>{Answer}</center></div>
  1129.  
  1130. <assk>{text:your name}</assk> <br>
  1131.  
  1132. <P ALIGN=Right><a href="{Permalink}">{notecountwithlabel}</a>
  1133. {/block:Answer}
  1134.  
  1135. {block:Photo}
  1136. {block:IndexPage}
  1137. <center>
  1138. <div class="perma">
  1139. <a href="{Permalink}"> <a href="{ReblogURL}" target="_blank"> reblog </a> with <a href="{Permalink}">{NoteCountWithLabel} </div>
  1140.  
  1141. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1142. {/block:IndexPage}
  1143. {block:PermalinkPage}
  1144. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1145.  
  1146. {LinkCloseTag}
  1147. {/block:PermalinkPage}
  1148. {/block:Photo}
  1149.  
  1150. {block:Photoset}
  1151. {block:IndexPage}
  1152. <center>
  1153.  
  1154. <div class="perma">
  1155. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1156.  
  1157. {Photoset-250}</center>
  1158. {/block:IndexPage}
  1159. {block:PermalinkPage}
  1160. <center>
  1161. {Photoset-500}</center>
  1162. {/block:PermalinkPage}
  1163. {/block:Photoset}
  1164.  
  1165. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1166.  
  1167. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1168.  
  1169. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1170. <ul class="chat">
  1171. {block:Lines}
  1172. <li class="user_{UserNumber}">
  1173. {block:Label}
  1174. <span class="label">{Label}</span>
  1175. {/block:Label}
  1176.  
  1177. {Line}
  1178. </li>
  1179. {/block:Lines}
  1180. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1181. {/block:Chat}
  1182.  
  1183. {block:Audio}
  1184. <div style="width:200px; height:30px;">
  1185. {AudioPlayerBlack}
  1186. </div>
  1187. {block:IndexPage}<span class="permalink">
  1188. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1189. </span>{/block:IndexPage}
  1190. {/block:Audio}
  1191.  
  1192. {block:Video}
  1193. {block:IndexPage}
  1194. <center>
  1195. <div class="perma">
  1196. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1197. {Video-250}</center>
  1198. {/block:IndexPage}
  1199. {block:PermalinkPage}
  1200. <center>
  1201. {Video-400}</center>
  1202. {/block:PermalinkPage}
  1203. {block:Video}
  1204.  
  1205.  
  1206. {block:PostNotes}<div align="middle">{caption}</div>
  1207. <center>
  1208.  
  1209. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1210.  
  1211. {block:HasTags}
  1212. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1213. {block:RebloggedFrom}
  1214. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1215. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1216.  
  1217. {/block:RebloggedFrom}
  1218. </center></span>
  1219. <br>
  1220. <div id="postnotes">{PostNotes}</div><br>
  1221.  
  1222. <center>{block:ContentSource}
  1223. <br><a href="{SourceURL}">
  1224. {lang:Source}:
  1225. {block:SourceLogo}
  1226. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1227. height="{LogoHeight}" alt="{SourceTitle}" />
  1228. {/block:SourceLogo}
  1229. {block:NoSourceLogo}
  1230. {SourceLink}
  1231. {/block:NoSourceLogo}
  1232. </a>
  1233. {/block:ContentSource}</center>
  1234.  
  1235. {/block:PostNotes}
  1236. </div>
  1237. {/block:Posts}
  1238. </div></div>
  1239.  
  1240. {block:IndexPage}
  1241. {block:Pagination}
  1242. <div id="pagination">
  1243. {block:NextPage}
  1244. <a id="nextPage" href="{NextPage}"></a>
  1245. {/block:NextPage}
  1246. {block:PreviousPage}
  1247. <a href="{PreviousPage}"></a>
  1248. {/block:PreviousPage}
  1249. </div>
  1250. {/block:Pagination}
  1251. {/block:IndexPage}
  1252. </body>
  1253. <div id="01" class="popup_block">
  1254.  
  1255. <center><mah>Updates:</mah></center>
  1256. <br>
  1257. -bye quality (as soon as my queue runs out aprox. 2 days) <br>
  1258. -going to a one direction concert next august!!! <br>
  1259. -i'm dying of 5sos feels omg <br>
  1260. -new theme 13/12/13 made by moi <br>
  1261. -i'm not online as much bc of school so my queue runs from 8am to 5pm <br> <br> <br>
  1262.  
  1263. <center><mah>Stats:</mah></center>
  1264. <br>
  1265. <script language="JavaScript">
  1266. var ref = (''+document.referrer+'');
  1267. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3417694&e1=is here&e2=are here&r=' + ref + '"><\/script>');
  1268. </script> <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2216097&name=people left"></script> <br>
  1269. the date is <script language="JavaScript" src="http://freehostedscripts.net/date.php"></script> <br>
  1270. you look beautiful/handsome today <br>
  1271. </div></div></div></div></div></div></div></div></div></div>
  1272.  
  1273. <div id="02" class="popup_block">
  1274.  
  1275. All i want for christmas is you by Mariah Carey <br>
  1276. Christmas eve by Justin Bieber <br>
  1277. Half a heart by One Direction <br>
  1278. Girls by The 1975 <br>
  1279. I see fire by Ed Sheeran <br>
  1280.  
  1281. </div></div></div></div></div></div></div></div></div></div>
  1282. <div style="position:fixed; bottom:5px; left:5px; background-color: white; border: 1px solid #ddd; width:60px; padding: 5px; border-top-left-radius:0px;
  1283. border-top-right-radius:0px; border-bottom-left-radius:0px;
  1284. border-bottom-right-radius:0px;">
  1285. <embed src="http://www.sheepproductions.com/billy/billy.swf?=true&f0=http://vrzic.com/music/Mariah-Carey/Mariah-Carey-All-I-Want-For-Christmas-Is-You.mp3&t0=&f1=http://a.tumblr.com/tumblr_mfcvsgoqlC1rhrbzmo1.mp3&t1=&f2=http://www.woo55.pk/adata/10929/18.%20Half%20A%20Heart%20(www.SongsLover.com).mp3&t2=&f3=http://www.fiftycupsofcoffee.com/upload/music/The%201975%20-%20Girls.mp3&t3=&f4=http://media.bia2voice.in/Music/English/1392/08/Single/Ed%20Sheeran%20-%20I%20See%20Fire/Ed%20Sheeran%20-%20I%20See%20Fire%20[128].mp3&t4=&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1286. </div>
  1287. </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!