API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 1st, 2015
225
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <script type="text/javascript"
  5. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  6. <script>
  7. $(document).ready(function() {
  8. //
  9. $('a.poplight[href^=#]').click(function() {
  10. var popID = $(this).attr('rel'); //Get Popup Name
  11. var popURL = $(this).attr('href'); //Get Popup href to define size
  12. var query= popURL.split('?');
  13. var dim= query[1].split('&');
  14. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  15. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  16. var popMargTop = ($('#' + popID).height() + 80) / 2;
  17. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  18. //Apply Margin to Popup
  19. $('#' + popID).css({
  20. 'margin-top' : -popMargTop,
  21. 'margin-left' : -popMargLeft
  22. });
  23. $('body').append('<div id="fade"></div>');
  24. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  25. return false;
  26. });
  27. $('a.close, #fade').live('click', function() {
  28. $('#fade , .popup_block').fadeOut(function() {
  29. $('#fade, a.close').remove(); //fade them both out
  30. });
  31. return false;
  32. });
  33. });
  34. </script>
  35.  
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  37.  
  38. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  39.  
  40. <script>
  41.  
  42. (function($){
  43.  
  44. $(document).ready(function(){
  45.  
  46. $("a[title]").style_my_tooltips({
  47.  
  48. tip_follows_cursor:true,
  49.  
  50. tip_delay_time:90,
  51.  
  52. tip_fade_speed:600,
  53.  
  54. attribute:"title"
  55.  
  56. });
  57.  
  58. });
  59.  
  60. })(jQuery);
  61.  
  62. </script>
  63. <!--basic tooltip from tutorial-baby! Enjoy-->
  64. <style>
  65. .tooltip{
  66. display: inline;
  67. position: relative;
  68. }
  69. #s-m-t-tooltip {
  70. max-width:300px; /*how big the tooltip can be at most*/
  71. border-radius: 0px; /*change your border radius*/
  72. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  73. margin:20px 7px -2px 20px; /*distance from word*/
  74. background-color:#3e5773; /*background color*/
  75. border:1px dashed #E0E0E0; /*border info*/
  76. font-family:calibri; /*tooltip font*/
  77. font-size:9px; /*tooltip font size*/
  78. letter-spacing:2px; /*tooltip letter spacing*/
  79. text-transform:uppercase; /*makes the tooltip title uppercase*/
  80. color:#000; /*tooltip font color*/
  81. z-index:999999999999999999999999999999999999;
  82. }
  83. </style>
  84. <title>{Title}</title>
  85. <link rel="shortcut icon" href="{Favicon}">
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  87. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  88.  
  89. <!---- this is theme 23 by Hollywhood
  90. please don't remove the credit
  91. thank you
  92. --->
  93. <meta name="image:Background" content=""/>
  94. <meta name="color:Background" content="#ffffff"/>
  95. <meta name="color:Text" content="#9B9B9B"/>
  96. <meta name="color:Link" content="#b8b8b8"/>
  97. <meta name="color:border" content="#F2F2F2"/>
  98. <meta name="color:scrollbar" content="#D6D5D5">
  99. <meta name="color:Link Hover" content="#eeeeee"/>
  100.  
  101. <meta name="image:sidebar" content=""/>
  102.  
  103. <meta name="text:link1" content="" />
  104. <meta name="text:link1 url" content="/">
  105. <meta name="text:link2" content="" />
  106. <meta name="text:link2 url" content="/">
  107. <meta name="text:link3" content="" />
  108. <meta name="text:link3 url" content="/">
  109. <meta name="text:link4" content="" />
  110. <meta name="text:link4 url" content="/">
  111. <meta name="text:link5" content="" />
  112. <meta name="text:link5 url" content="/">
  113.  
  114. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  115.  
  116. <meta name="image:Updates image" content=""/>
  117. <meta name="text:Watching" content=""/>
  118. <meta name="text:Reading" content=""/>
  119. <meta name="text:Listening to" content=""/>
  120. <meta name="text:More updates" content=""/>
  121.  
  122. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  123. <script type="text/javascript">
  124. $(document).ready(function () {
  125. $("#clk").toggle(function() {
  126. $("#upd").show();
  127. }, function() {
  128. $("#upd").hide();
  129. });
  130. });
  131. </script>
  132.  
  133. <style>
  134. div#qTip {
  135. padding: 3px;
  136. display: none;
  137. text-align: center;
  138. position: absolute;
  139. font-style:normal;
  140. margin-top:5px;
  141. margin-left:15px;
  142. font-size:10px;
  143. line-height:9px;
  144. font-family:cambria;
  145. z-index: 1000;
  146. background-color:#888;
  147. color: #fff;
  148. text-transform:uppercase;
  149. letter-spacing: 1px;
  150. }
  151. </style>
  152.  
  153. <style type="text/css">
  154.  
  155. <style type="text/css">
  156.  
  157. ::-webkit-scrollbar-thumb:vertical {
  158. height:12px;
  159. background-color: #transparent;
  160. }
  161. ::-webkit-scrollbar-thumb:horizontal {
  162. background-color:#transparent;
  163. }
  164. ::-webkit-scrollbar {
  165. width:11px;
  166. height:7px;
  167. background-color:#transparent;
  168. }
  169. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  170. display:block;
  171. height:8px;
  172. background-color:#transparent;
  173. }
  174.  
  175. iframe#tumblr_controls {
  176. white-space:nowrap;
  177. -webkit-filter: invert(100%);
  178. -moz-filter: invert(100%);
  179. -o-filter: invert(100%);
  180. -ms-filter: invert(100%);
  181. filter: invert(100%);
  182. opacity:.2;transition: .8s ease-in-out;
  183. -webkit-transition: .8s ease-in-out;
  184. -moz-transition: .8s ease-in-out;
  185. -o-transition: .8s ease-in-out;
  186. }
  187.  
  188. #s-m-t-tooltip {
  189. margin-left:15px;
  190. margin-top:-21px;
  191. letter-spacing:0px;
  192. font-family:calibri;
  193. text-transform:auto;
  194. font-size:12px;
  195. color:#fff;
  196. padding: 3px;
  197. z-index:99999999999999999999999;
  198. -webkit-transition:all 1.5s;
  199. -moz-transition:all 1.5s;
  200. -ms-transition:all 1.5s;
  201. -o-transition:all 1.5s;
  202. transition:all 1.5s;
  203. }
  204. .popup_block{
  205. display:none;
  206. background:#000;
  207. background-image:url("http://i.imgur.com/j4bEoMs.png");
  208. padding:20px;
  209. border:2px dotted #fff; /* if you want a solid white pop-up, delete this */
  210. float:left;
  211. position:fixed;
  212. top:50%;left:50%;
  213. z-index: 99999;
  214. color: #c1c1c1
  215. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  216. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  217. box-shadow: 0px 0px 20px #fff; /* delete for solid white */
  218. border-top-left-radius: 20px ;
  219. border-bottom-left-radius: 20px ;
  220. border-top-right-radius: 20px ;
  221. border-bottom-right-radius: 20px ;
  222. }
  223.  
  224. pre{
  225. border: 1px dashed #fff;
  226. background: rgb(248, 248, 255, .5);
  227. padding:4px;
  228. border-radius: 15px;
  229. white-space: pre-wrap;
  230. white-space: -moz-pre-wrap;
  231. white-space: -pre-wrap;
  232. white-space: -o-pre-wrap;
  233. word-wrap: break-word;
  234. }
  235.  
  236. *html #fade {position: absolute;}
  237. *html .popup_block {position: absolute;}
  238. #fade {
  239. display:none;
  240. position:fixed;
  241. left:0px;
  242. top:0px;
  243. width:100%;
  244. height:100%;
  245. z-index:9999;
  246. background:#000; /* change to #fff for solid white */
  247. opacity:0.5; /* change to opacity:1; */
  248. }
  249.  
  250.  
  251. h1 {
  252. font-weight:normal;
  253. font-size:13px;
  254. text-align:center;
  255. font-style:normal;
  256. line-height:100%;
  257. letter-spacing:1px;
  258. text-transform:normal;
  259. color:{color:text};
  260. }
  261.  
  262. h2 {
  263. font-size:10px;
  264. text-align:center;
  265. line-height:100%;
  266. letter-spacing:-0.5px;
  267. color:{color:text};
  268. font-weight:bold;
  269. text-transform:uppercase;
  270. padding:5px;
  271. padding-bottom:2px;
  272. }
  273.  
  274. i, em {
  275. text-transform: bold;
  276. color: #3c4365;
  277. text-shadow:0px 0px 4px #505881;
  278. letter-spacing:1px;
  279. font-family:georgia;
  280. font-size:11px;
  281. }
  282.  
  283. b {
  284. text-transform: bold;
  285. color: #fff;
  286. text-shadow:0px 0px 5px #fff;
  287. letter-spacing:1px;
  288. font-family:georgia;
  289. font-size:12px;
  290. }
  291.  
  292. hr {
  293. text-transform: bold;
  294. color: #3c4365;
  295. text-shadow:0px 0px 1px #3c4365;
  296. letter-spacing:1px;
  297. font-family:georgia;
  298. font-size:12px;
  299. }
  300.  
  301. blockquote {
  302. padding:0 0 0 10px;
  303. border-left:5px solid #3c4365;
  304. border-radius:8px 8px;
  305. padding-left:15px;
  306. padding:1px;
  307. margin:5px;
  308. }
  309.  
  310. -webkit-filter:grayscale(100%);
  311. -webkit-transition: all 0.6s ease-in-out;
  312. }
  313.  
  314. to your #post code, so it looks like this:
  315.  
  316. #post {
  317. whatever margins and widths are here
  318. blah blah
  319. blahh
  320. -webkit-filter:grayscale(100%);
  321. -webkit-transition: all 0.6s ease-in-out;
  322. }
  323.  
  324. and then, right under that, you will insert this:
  325.  
  326. #post:hover{
  327. -webkit-filter:none;
  328. -webkit-transition: all 0.6s ease-in-out;
  329. }
  330.  
  331. body {
  332. background:{color:background};
  333. margin:0px;
  334. color:{color:text};
  335. font-family:times;
  336. font-size:13px;
  337. line-height:120%;
  338. background-image:url({image:Background});
  339. background-attachment: fixed;
  340. background-repeat: no-repeat;
  341. background-position:left top;
  342. }
  343.  
  344. a {
  345. text-decoration:none;
  346. outline:none;
  347. -moz-outline-style:none;
  348. color:{color:link};
  349. text-shadow:1px 1px 1px #3c4365;
  350. -moz-transition-duration:0.5s;
  351. -webkit-transition-duration:0.5s;
  352. -o-transition-duration:0.5s;
  353. c
  354. }
  355.  
  356. a:hover {
  357. text-decoration:none;
  358. outline:none;
  359. -moz-outline-style:none;
  360. color:{color:link hover};
  361. }
  362.  
  363. img {
  364. opacity: .6;
  365.  
  366. -webkit-transition: all 0.6s ease-in-out;
  367. }
  368. img:hover {
  369. opacity: 1;
  370. -webkit-filter:grayscale(0%);
  371. -webkit-transition: all 0.2s ease-in-out;
  372. }
  373.  
  374. blockquote {
  375. padding-left:10px;
  376. border-left:4px solid #3c4365;
  377. border-top-left-radius: 10px ;
  378. border-bottom-left-radius: 10px ;
  379. text-shadow:1px 1px 2px #0000;
  380.  
  381. }
  382.  
  383. blockquote blockquote {
  384. padding-left:5px;
  385. border-left:1px dashed;
  386. }
  387.  
  388. #post {
  389. width:300px;
  390. padding:15px;
  391. border:0px solid #c4c4c4;
  392. border-radius:7px;
  393. font-family:josefin-sans, sans-serif;
  394. font-size:12px;
  395. }
  396.  
  397. #theme {
  398. width:500px;
  399. margin:0 auto -12px auto;
  400. }
  401.  
  402. #entries {
  403. position: absolute;
  404. height: 160px;
  405. overflow-x: hidden;
  406. overflow-y: auto;
  407. padding:38px;
  408. width:300px;
  409. top:345px;
  410. left:367px;
  411. opacity: 1;
  412. background-color: #ffffff;
  413. background: rgba(255, 255, 255, 0);
  414. border:0px solid #d6d5d5;
  415. border-top-left-radius: 0px ;
  416. border-bottom-left-radius: 0px ;
  417. border-top-right-radius: 0px ;
  418. border-bottom-right-radius: 0px ;
  419. }
  420. #description {
  421. position:fixed;
  422. width:100px;
  423. font-family:trebuchet ms;
  424. top:550px;
  425. left:510px;
  426. text-align:center;
  427. font-size:9px;
  428. color: {color:text};
  429. letter-spacing:0px;
  430. line-height:170%;
  431. opacity: .7;
  432. background-color: #fff;
  433. -moz-transition-duration:1s;
  434. -webkit-transition-duration:1s;
  435. -o-transition-duration:1s;
  436. border-top-left-radius: 10px ;
  437. border-bottom-left-radius: 10px ;
  438. border-top-right-radius: 0px ;
  439. border-bottom-right-radius: 0px ;
  440. }
  441.  
  442. #description a {
  443. color:{color:link};
  444. }
  445.  
  446. #description a:hover {
  447. color:{color:link hover};
  448. }
  449.  
  450. #links {
  451. position:absolute;
  452. letter-spacing:0px;
  453. position:fixed;
  454. width:30px;
  455. top:310px;
  456. left:750px;
  457. font-size:20px;
  458. text-align:left;
  459. line-height:300%;
  460. font-family: 'Dancing Script', cursive;
  461. text-shadow:0px 0px 10px #8d5ba8;
  462. opacity: .8;
  463. }
  464.  
  465. #links a{
  466. padding:1px;
  467. color: #fff;
  468. letter-spacing:1px;
  469. text-decoration:none;
  470. text-shadow: #fff 0 0 6px;
  471. text-decoration:none;
  472. -moz-transition-duration:.7s;
  473. -webkit-transition-duration:.7s;
  474. -o-transition-duration:.7s;
  475. }
  476.  
  477. #links a:hover {
  478. opacity:2;
  479. color: transparent;
  480. text-shadow: {color:link hover} 0 0 5px;
  481. text-decoration:none;
  482. width:78px;
  483. -moz-transition-duration:.4s;
  484. -webkit-transition-duration:.4s;
  485. -o-transition-duration:.4s;
  486. }
  487.  
  488.  
  489. #pagination {
  490. font-family:cambria;
  491. width:300px;
  492. font-size:12px;
  493. margin-top:25px;
  494. margin-left:-8px;
  495. padding-left:5px;
  496. letter-spacing:1px;
  497. word-spacing:15px;
  498. text-align:center;
  499. text-transform:uppercase;
  500. }
  501.  
  502. #pagination a {
  503. color:{color:link};
  504. }
  505. #pagination a:hover {
  506. opacity:2;
  507. color: transparent;
  508. text-shadow: {color:link hover} 0 0 2px;
  509. text-decoration:none;
  510. width:78px;
  511. -moz-transition-duration:.6s;
  512. -webkit-transition-duration:.6s;
  513. -o-transition-duration:.6s;
  514. }
  515.  
  516. #info {
  517. font-family:courier;
  518. width:300px;
  519. margin-top:5px;
  520. padding-top:7px;
  521. font-size:8px;
  522. color:{color:text};
  523. border-top:1px dashed {color:link};
  524. text-transform:uppercase;
  525. letter-spacing:1px;
  526. font-style:normal;
  527. text-align:right;
  528. -moz-transition-duration:0.2s;
  529. -webkit-transition-duration:0.2s;
  530. -o-transition-duration:0.2s;
  531. }
  532.  
  533. #info a {
  534. color:#fff;
  535. font-style:normal;
  536. }
  537.  
  538. #info a:hover {
  539. color:#505881;
  540. -moz-transition-duration:0.2s;
  541. -webkit-transition-duration:0.2s;
  542. -o-transition-duration:0.2s;
  543. }
  544.  
  545. .tags {
  546. font-family:'Gautami';
  547. font-style:normal;
  548. width:300px;
  549. text-transform:;
  550. font-style:normal;
  551. line-height:120%;
  552. padding-top:2px;
  553. font-size:10px;
  554. opacity:1;
  555. text-align:center;
  556. -moz-transition-duration:0.5s;
  557. -webkit-transition-duration:0.5s;
  558. -o-transition-duration:0.5s;
  559. }
  560. .tags a{
  561. color:{color:link};
  562. -moz-transition-duration:0.2s;
  563. -webkit-transition-duration:0.2s;
  564. -o-transition-duration:0.2s;
  565. }
  566. .tags a:hover{
  567. color:{color:link hover};
  568. -moz-transition-duration:0.2s;
  569. -webkit-transition-duration:0.2s;
  570. -o-transition-duration:0.2s;
  571. }
  572.  
  573. #post:hover .tags{
  574. opacity:1;
  575. -moz-transition-duration:0.5s;
  576. -webkit-transition-duration:0.5s;
  577. -o-transition-duration:0.5s;
  578. }
  579.  
  580.  
  581. .audio{
  582. background-color:#e5e5e5;
  583. height:65px;
  584. overflow:hidden;
  585. }
  586.  
  587.  
  588. .question {
  589. padding:4px;
  590. text-align:left;
  591. color:#fff;
  592. border-left:2px dashed #e3e3e3;
  593. margin-left:10px;
  594. line-height:120%;
  595. text-shadow:1px 1px 1px #3c4365;
  596. border-top-left-radius: 10px ;
  597. border-bottom-left-radius: 10px ;
  598. }
  599.  
  600. .answer {
  601. text-align:left;
  602. padding:3px;
  603. color:{color:text};
  604. }
  605.  
  606. #credit a {
  607. padding:5px;
  608. position:fixed;
  609. right:15px;
  610. bottom:10px
  611. }
  612.  
  613. #credit a:hover {
  614. color:{color:link};
  615. }
  616. #updatesbox {/*the styling of the whole updates box; tutorial by http://bangjensen.tumblr.com*/
  617. line-height:100%;/*don't change this!*/
  618. display:block;/*don't change this either lol*/
  619. border:2px solid #ffffff;/*the border of the whole box; 1px is the width, #eee is the hex color (go to colorpicker.com and pick one)*/
  620. height:12px;/*the height of the box before hover*/
  621. width:20px;/*the width of the box before hover*/
  622. padding:0px 5px 5px 5px;/*don't change this!*/
  623. z-index:0;/*don't change this!*/
  624. top:15px;/*distance from top of page*/
  625. left:5px;/*distance from left of page*/
  626. color:#999;/*color of text*/
  627. position:fixed;/*don't change this!*/
  628. background:#fff;/*background color of updates box*/
  629. overflow:hidden;/*don't change this!*/
  630. text-align:left;/*text alignment of everything in updates box*/
  631. -moz-transition-duration:0.6s;
  632. -webkit-transition-duration:0.6s;
  633. -o-transition-duration:0.6s;
  634. border-top-left-radius: 10px ;
  635. border-bottom-left-radius: 10px;
  636. border-top-right-radius: 10px ;
  637. border-bottom-right-radius: 10px ;
  638. opacity: .7;
  639. }
  640.  
  641. #updatesbox:hover {/*the updates box after hover*/
  642. height:130px;/*the height of the box after hover*/
  643. width:110px;/*the width of the box after hover*/
  644. -moz-transition-duration:0.5s;
  645. -webkit-transition-duration:0.5s;
  646. -o-transition-duration:0.5s;
  647. }
  648.  
  649. /*tutorial by bangjensen.tumblr.com; please don't remove this note*/
  650.  
  651. #updatestitle {/*the title of the updates box*/
  652. line-height:17px;/*don't change this!*/
  653. font-family:calibri;/*the font of the updates title*/
  654. text-transform:uppercase;/*can be uppercase, lowercase, none*/
  655. font-size:8px;/*font size of updates title*/
  656. }
  657.  
  658. #inside {/*the actual updates*/
  659. font-size:9px;/*the font size of the actual updates*/
  660. font-family:baskerville;/*the font of the actual updates*/
  661. width:110px;/*if you increase the width of #updatesbox:hover , increase the width of #inside by the same value. for instance, if you increase the width of #updatesbox:hover from 90px to 100px, change the width of #inside to 100px*/
  662. line-height:10px;/*don't change this!*/
  663. -moz-transition-duration:0.5s;
  664. -webkit-transition-duration:0.5s;
  665. -o-transition-duration:0.5s;
  666. }
  667.  
  668. #ocehans {
  669. position:fixed;
  670. text-align:center;
  671. font-size: 10px;
  672. right:0px;
  673. width:30px;
  674. height:auto;
  675. top: 50px;
  676. padding:5px;
  677. left: 790px;
  678. font-size:8px;
  679. font-family:consolas;
  680. text-transform:uppercase;
  681. line-height:9px;
  682. letter-spacing:1px;
  683. overflow:hidden;
  684. z-index:999;
  685. }
  686. }
  687. #ocehans2 {
  688. height:10px;
  689. width:55px;
  690. background-color: auto;
  691. z-index: 99;
  692. }
  693.  
  694. #ocehans3 {
  695. position:fixed;
  696. text-align:center;
  697. font-size: 10px;
  698. right:0px;
  699. width:30px;
  700. height:auto;
  701. top: 600px;
  702. padding:5px;
  703. left: 940px;
  704. font-size:8px;
  705. font-family:consolas;
  706. text-transform:uppercase;
  707. line-height:9px;
  708. letter-spacing:1px;
  709. overflow:hidden;
  710. z-index:999;
  711. opacity: .0;
  712. }
  713. }
  714. #ocehans4 {
  715. height:10px;
  716. width:55px;
  717. background-color: auto;
  718. z-index: 99;
  719. }
  720.  
  721. /*UPDATES*/
  722. #crown img{
  723. position:fixed;
  724. width:50px;
  725. margin-top:-55px;
  726. left:75px;} /*distance between the image and the left side of your screen*/
  727.  
  728. #upd{
  729. padding:13px;
  730. width:100px; /*tab width, to make it bigger just increase the number... you'll probably need to change the position of the image then, see above*/
  731. display: block;
  732. text-align:center;
  733. font-size:10px;
  734. z-index:9999999;
  735. position:fixed;
  736. top:50px; /*if you want to move the tab to the left upper corner, just replace EVERY 'bottom' with 'top'. ALL OF THEM.*/
  737. left:10px; /*same as above, to move it to the right corner replace EVERY 'left' with 'right'*/
  738. display:none;}
  739. #upd img{
  740. max-width:150px;}
  741.  
  742. #clk {
  743. width:57px;
  744. display:block;
  745. position:fixed;
  746. color:#ffffff; /*this is where you can change the color of the text in the button; it's set to white now, use colorpicker.com or something to choose a new one!*/
  747. text-align:center;
  748. left:20px;
  749. top:20px;
  750. z-index:9999999;
  751. padding:5px;
  752. background-color: #transparent; /*this is where you can change the color of the button - same as above!*/
  753. -webkit-user-select: none;
  754. -khtml-user-select: none;
  755. -moz-user-select: none;
  756. -ms-user-select: none;
  757. user-select: none;}
  758.  
  759. #box{
  760. overflow:hidden;
  761. position:fixed;
  762. width:18px;
  763. height:18px;
  764. top:300px; /* You can change the number or change it to bottom*/
  765. left:395px; /* You can change the number or change it to right*/
  766. background:#transparent; /* This is the background color */
  767. }
  768.  
  769. #icon{
  770. /* This is for the positioning of the music gif: */
  771. margin-top:5px;
  772. margin-left:2px;
  773. -webkit-transition: all 0.5s linear;
  774. -moz-transition: all 0.5s linear;
  775. transition: all 0.5s linear;
  776. }
  777.  
  778. #box:hover #icon{
  779. margin-top:-20px;
  780. -webkit-transition: all 0.5s linear;
  781. -moz-transition: all 0.5s linear;
  782. transition: all 0.5s linear;
  783. }
  784.  
  785. #musicbox{
  786. width:8px;
  787. height:8px;
  788. overflow:hidden;
  789. /* This is for the positioning of the music player: */
  790. margin-top:14px;
  791. margin-left:5px;
  792. }
  793.  
  794. #music{
  795. margin-top:-6px;
  796. margin-left:-35px;
  797. }
  798. {CustomCSS}</style></head><body>
  799.  
  800. <div id="box"><div id="icon">
  801. <img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  802. </div>
  803. <div id="musicbox"><div id="music">
  804.  
  805. <!-- MUSIC PLAYER CODES -->
  806. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="100">
  807. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  808. <param name="bgcolor" value="#ffffff" />
  809. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/b9jn1qqj1c/Mumford_and_Sons_-_Timshel.mp3&amp;volume=25&amp;autoplay=1&amp;loop=1&amp;sliderovercolor=99ffff&amp;buttonovercolor=b0b0b0" />
  810. </object>
  811.  
  812.  
  813. </div></div></div>
  814.  
  815.  
  816. </div></div></div></div></div></div></div></div></div></div>
  817.  
  818. <div id="boxask" class="popup_block">
  819. <center><img draggable="false" src="http://i.imgur.com/WkJ4LQB.png"></center>
  820.  
  821. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  822. </div>
  823.  
  824. <div id="box1" class="popup_block">
  825. <center><img draggable="false" src="http://i.imgur.com/h2NfxU1.png"></center>
  826.  
  827. ----this too
  828.  
  829. <div id="box2" class="popup_block">
  830. <center><img draggable="false" src="http://i.imgur.com/bS60wg4.png"></center>
  831.  
  832. ----ignore this
  833.  
  834. </div></div></div></div></div></div></div></div></div></div>
  835.  
  836. <div id="upd">
  837. <div id="crown"><img src=""></div>
  838. <!-------------------------INSERT UPDATES HERE----------------------->
  839.  
  840. <i><small><small>IND.</small></small></i><br><big><b>HARRY POTTER.</b></big></i>
  841. <p><i><small><strike>Ϟ BORN TO DIE Ϟ</strike></small>
  842.  
  843. <p><b>SELECTIVE && PRIVATE. </b>
  844. <p>theme by <a href="http://siallis.tumblr.com"><big><i><b>mia</b></i></big></i></a>
  845. <p><i>#LIXNHEART.</i>
  846. </br><img src='' border='0'/><br></br>
  847. {text:More updates}
  848.  
  849. <!---------------------------------END-------------------------------->
  850. </div>
  851. <div id="clk"><big><big><b>;; info.</b></big></big></div>
  852.  
  853. </div>
  854. <div id="ocehans">
  855. <div id="ocehans2">
  856.  
  857. </div> </div>
  858.  
  859.  
  860.  
  861. <div id="theme">
  862.  
  863. <div id="sidebar">
  864.  
  865. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  866.  
  867. <div id="links"><code>
  868. <a href="{text:link1 url}" title="{text:link1}">♦</a>
  869. <a href="{text:link2 url}" title="{text:link2}">♦</a>
  870. <a href="{text:link3 url}" title="{text:link3}">♦</a>
  871. <a href="{text:link4 url}" title="{text:link4}">♦</a>
  872. <a href="{text:link5 url}" title="{text:link5}">♦</a>
  873. </a></code>
  874.  
  875. </div>
  876.  
  877. <div id="entries">{block:Posts}<div id="post">
  878.  
  879. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  880.  
  881. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}</center>{/block:Photo}
  882.  
  883. {block:Photoset}<center>{Photoset-250}{block:Caption}{Caption}{/block:Caption}</center>{/block:Photoset}
  884.  
  885. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  886.  
  887. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  888.  
  889. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  890.  
  891. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  892.  
  893. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  894.  
  895. {block:Answer}<div class="question"><big><big><i><b>{Asker}</b></i></big></big><b><i> ;</i></b> <small>{Question}</small></div><div class="answer">{Answer}</div>{/block:answer}
  896.  
  897. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  898. {block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{/block:Date}</div>
  899. {block:HasTags}
  900. <div class="tags">
  901. {block:Tags}<big> ☾ </big><a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  902. {/block:HasTags}
  903. <div class="postnote">
  904. {block:PostNotes}{PostNotes}{/block:PostNotes}
  905. </div>
  906. </div>
  907. {/block:Posts}
  908.  
  909.  
  910. <div id="pagination">
  911. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">↽rise</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">drown⇀</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  912. </div>
  913.  
  914. </div>
  915. <div id="credit"><a href="http://hollywhood.tumblr.com">♫</div>
  916.  
  917. </body>
  918.  
  919. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!