Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Never-ending story theme V2

By: sweetcandyskittles on Mar 2nd, 2012  |  syntax: None  |  size: 21.65 KB  |  hits: 2,158  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2. <!-- NEVER-ENDING VERSION 2 THEME by sweetcandyskittles.tumblr.com Please do not redistribute the codes or even claim this theme as yours. Thanks a lot. Hope you like this theme. :) Thanks to themesbyladyybug for the hover status codes.-->
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="{image:scrolltotop}" border="0"></a>
  8.  
  9. <META name="image:BG" content="http://chomsky.soc.cornell.edu/~marty/plasma-turbulence-web-background.jpg">
  10. <META name="image:scrolltotop" content="http://27.media.tumblr.com/tumblr_lywycoGrRQ1r77gqoo1_250.png">
  11. <META name="text:LINKTITLE5HERE" content="Link5" />
  12. <META name="text:LINKTITLE4HERE" content="Link4" />
  13. <META name="text:LINKTITLE3HERE" content="Link3" />
  14. <META name="text:LINKTITLE2HERE" content="Link2" />
  15. <META name="text:LINKTITLE1HERE" content="Link1" />
  16. <META name="text:LINK1URLHERE" content="/" />
  17. <META name="text:LINK2URLHERE" content="/" />
  18. <META name="text:LINK3URLHERE" content="/" />
  19. <META name="text:LINK4URLHERE" content="/" />
  20. <META name="text:LINK5URLHERE" content="/" />
  21. <META name="text:about me" content="Put something about yourself here! :)" />
  22. <META name="text:updates" content="Put the updates of your blog here!" />
  23. <META name="if:rainbowlinks" content="0"/>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Ruthie|Amatic+SC:400,700' rel='stylesheet' type='text/css'>
  26. <link href='http://fonts.googleapis.com/css?family=Flavors' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Yesteryear' rel='stylesheet' type='text/css'>
  28. <link href='http://fonts.googleapis.com/css?family=Ruge+Boogie' rel='stylesheet' type='text/css'>
  29. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  30. <link href='http://fonts.googleapis.com/css?family=Vibur' rel='stylesheet' type='text/css'>
  31. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  32.  
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  36.  
  37. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  38.  
  39. {block:ifrainbowlinks}<script type='text/javascript'>
  40.  
  41. //<![CDATA[
  42.  
  43. var rate = 20;
  44.  
  45. if (document.getElementById)
  46.  
  47. window.onerror=new Function("return true")
  48.  
  49. var objActive; // The object which event occured in
  50.  
  51. var act = 0; // Flag during the action
  52.  
  53. var elmH = 0; // Hue
  54.  
  55. var elmS = 128; // Saturation
  56.  
  57. var elmV = 255; // Value
  58.  
  59. var clrOrg; // A color before the change
  60.  
  61. var TimerID; // Timer ID
  62.  
  63. if (document.all) {
  64.  
  65. document.onmouseover = doRainbowAnchor;
  66.  
  67. document.onmouseout = stopRainbowAnchor;
  68.  
  69. }
  70.  
  71. else if (document.getElementById) {
  72.  
  73. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  74.  
  75. document.onmouseover = Mozilla_doRainbowAnchor;
  76.  
  77. document.onmouseout = Mozilla_stopRainbowAnchor;
  78.  
  79. }
  80.  
  81. function doRainbow(obj)
  82.  
  83. {
  84.  
  85. if (act == 0) {
  86.  
  87. act = 1;
  88.  
  89. if (obj)
  90.  
  91. objActive = obj;
  92.  
  93. else
  94.  
  95. objActive = event.srcElement;
  96.  
  97. clrOrg = objActive.style.color;
  98.  
  99. TimerID = setInterval("ChangeColor()",100);
  100.  
  101. }
  102.  
  103. }
  104.  
  105.  
  106.  
  107. function stopRainbow()
  108.  
  109. {
  110.  
  111. if (act) {
  112.  
  113. objActive.style.color = clrOrg;
  114.  
  115. clearInterval(TimerID);
  116.  
  117. act = 0;
  118.  
  119. }
  120.  
  121. }
  122.  
  123.  
  124.  
  125. function doRainbowAnchor()
  126.  
  127. {
  128.  
  129. if (act == 0) {
  130.  
  131. var obj = event.srcElement;
  132.  
  133. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  134.  
  135. obj = obj.parentElement;
  136.  
  137. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  138.  
  139. break;
  140.  
  141. }
  142.  
  143. if (obj.tagName == 'A' && obj.href != '') {
  144.  
  145. objActive = obj;
  146.  
  147. act = 1;
  148.  
  149. clrOrg = objActive.style.color;
  150.  
  151. TimerID = setInterval("ChangeColor()",100);
  152.  
  153. }
  154.  
  155. }
  156.  
  157. }
  158.  
  159.  
  160.  
  161. function stopRainbowAnchor()
  162.  
  163. {
  164.  
  165. if (act) {
  166.  
  167. if (objActive.tagName == 'A') {
  168.  
  169. objActive.style.color = clrOrg;
  170.  
  171. clearInterval(TimerID);
  172.  
  173. act = 0;
  174.  
  175. }
  176.  
  177. }
  178.  
  179. }
  180.  
  181.  
  182.  
  183. function Mozilla_doRainbowAnchor(e)
  184.  
  185. {
  186.  
  187. if (act == 0) {
  188.  
  189. obj = e.target;
  190.  
  191. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  192.  
  193. obj = obj.parentNode;
  194.  
  195. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  196.  
  197. break;
  198.  
  199. }
  200.  
  201. if (obj.nodeName == 'A' && obj.href != '') {
  202.  
  203. objActive = obj;
  204.  
  205. act = 1;
  206.  
  207. clrOrg = obj.style.color;
  208.  
  209. TimerID = setInterval("ChangeColor()",100);
  210.  
  211. }
  212.  
  213. }
  214.  
  215. }
  216.  
  217.  
  218.  
  219. function Mozilla_stopRainbowAnchor(e)
  220.  
  221. {
  222.  
  223. if (act) {
  224.  
  225. if (objActive.nodeName == 'A') {
  226.  
  227. objActive.style.color = clrOrg;
  228.  
  229. clearInterval(TimerID);
  230.  
  231. act = 0;
  232.  
  233. }
  234.  
  235. }
  236.  
  237. }
  238.  
  239.  
  240.  
  241. function ChangeColor()
  242.  
  243. {
  244.  
  245. objActive.style.color = makeColor();
  246.  
  247. }
  248.  
  249.  
  250.  
  251. function makeColor()
  252.  
  253. {
  254.  
  255. // Don't you think Color Gamut to look like Rainbow?
  256.  
  257. // HSVtoRGB
  258.  
  259. if (elmS == 0) {
  260.  
  261. elmR = elmV; elmG = elmV; elmB = elmV;
  262.  
  263. }
  264.  
  265. else {
  266.  
  267. t1 = elmV;
  268.  
  269. t2 = (255 - elmS) * elmV / 255;
  270.  
  271. t3 = elmH % 60;
  272.  
  273. t3 = (t1 - t2) * t3 / 60;
  274.  
  275. if (elmH < 60) {
  276.  
  277. elmR = t1; elmB = t2; elmG = t2 + t3;
  278.  
  279. }
  280.  
  281. else if (elmH < 120) {
  282.  
  283. elmG = t1; elmB = t2; elmR = t1 - t3;
  284.  
  285. }
  286.  
  287. else if (elmH < 180) {
  288.  
  289. elmG = t1; elmR = t2; elmB = t2 + t3;
  290.  
  291. }
  292.  
  293. else if (elmH < 240) {
  294.  
  295. elmB = t1; elmR = t2; elmG = t1 - t3;
  296.  
  297. }
  298.  
  299. else if (elmH < 300) {
  300.  
  301. elmB = t1; elmG = t2; elmR = t2 + t3;
  302.  
  303. }
  304.  
  305. else if (elmH < 360) {
  306.  
  307. elmR = t1; elmG = t2; elmB = t1 - t3;
  308.  
  309. }
  310.  
  311. else {
  312.  
  313. elmR = 0; elmG = 0; elmB = 0;
  314.  
  315. }
  316.  
  317. }
  318.  
  319. elmR = Math.floor(elmR).toString(16);
  320.  
  321. elmG = Math.floor(elmG).toString(16);
  322.  
  323. elmB = Math.floor(elmB).toString(16);
  324.  
  325. if (elmR.length == 1) elmR = "0" + elmR;
  326.  
  327. if (elmG.length == 1) elmG = "0" + elmG;
  328.  
  329. if (elmB.length == 1) elmB = "0" + elmB;
  330.  
  331. elmH = elmH + rate;
  332.  
  333. if (elmH >= 360)
  334.  
  335. elmH = 0;
  336.  
  337. return '#' + elmR + elmG + elmB;
  338.  
  339. }
  340.  
  341. //]]>
  342.  
  343. </script>{/block:ifrainbowlinks}
  344.  
  345.  
  346.  
  347. <script type="text/javascript">
  348. // <![CDATA[
  349. var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  350. var sparkles=50;
  351.  
  352.  
  353.  
  354. /****************************
  355. * Tinkerbell Magic Sparkle *
  356. *(c)2005-11 mf2fm web-design*
  357. * http://www.mf2fm.com/rv *
  358. * DON'T EDIT BELOW THIS BOX *
  359. ****************************/
  360.  
  361. var x=ox=400;
  362. var y=oy=300;
  363. var swide=800;
  364. var shigh=600;
  365. var sleft=sdown=0;
  366. var tiny=new Array();
  367. var star=new Array();
  368. var starv=new Array();
  369. var starx=new Array();
  370. var stary=new Array();
  371. var tinyx=new Array();
  372. var tinyy=new Array();
  373. var tinyv=new Array();
  374.  
  375. window.onload=function() { if (document.getElementById) {
  376. var i, rats, rlef, rdow;
  377. for (var i=0; i<sparkles; i++) {
  378. var rats=createDiv(3, 3);
  379. rats.style.visibility="hidden";
  380. document.body.appendChild(tiny[i]=rats);
  381. starv[i]=0;
  382. tinyv[i]=0;
  383. var rats=createDiv(5, 5);
  384. rats.style.backgroundColor="transparent";
  385. rats.style.visibility="hidden";
  386. var rlef=createDiv(1, 5);
  387. var rdow=createDiv(5, 1);
  388. rats.appendChild(rlef);
  389. rats.appendChild(rdow);
  390. rlef.style.top="2px";
  391. rlef.style.left="0px";
  392. rdow.style.top="0px";
  393. rdow.style.left="2px";
  394. document.body.appendChild(star[i]=rats);
  395. }
  396.  
  397. set_width();
  398. sparkle();
  399. }}
  400.  
  401. function sparkle() {
  402. var c;
  403. if (x!=ox || y!=oy) {
  404. ox=x;
  405. oy=y;
  406. for (c=0; c<sparkles; c++) if (!starv[c]) {
  407. star[c].style.left=(starx[c]=x)+"px";
  408. star[c].style.top=(stary[c]=y)+"px";
  409. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  410. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  411.  
  412. star[c].style.visibility="visible";
  413. starv[c]=50;
  414. break;
  415. }
  416. }
  417. for (c=0; c<sparkles; c++) {
  418. if (starv[c]) update_star(c);
  419. if (tinyv[c]) update_tiny(c);
  420. }
  421. setTimeout("sparkle()", 40);
  422. }
  423.  
  424.  
  425.  
  426. function update_star(i) {
  427. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  428. if (starv[i]) {
  429. stary[i]+=1+Math.random()*3;
  430. if (stary[i]<shigh+sdown && starx[i]>0) {
  431. star[i].style.top=stary[i]+"px";
  432. starx[i]+=(i%5-2)/5;
  433. star[i].style.left=starx[i]+"px";
  434. }
  435. else {
  436. star[i].style.visibility="hidden";
  437. starv[i]=0;
  438. return;
  439. }
  440. }
  441.  
  442. else {
  443. tinyv[i]=50;
  444. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  445. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  446. tiny[i].style.width="2px";
  447. tiny[i].style.height="2px";
  448. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  449. star[i].style.visibility="hidden";
  450. tiny[i].style.visibility="visible"
  451. }
  452. }
  453.  
  454. function update_tiny(i) {
  455. if (--tinyv[i]==25) {
  456. tiny[i].style.width="1px";
  457. tiny[i].style.height="1px";
  458. }
  459.  
  460. if (tinyv[i]) {
  461. tinyy[i]+=1+Math.random()*3;
  462. if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
  463. tiny[i].style.top=tinyy[i]+"px";
  464. tinyx[i]+=(i%5-2)/5;
  465. tiny[i].style.left=tinyx[i]+"px";
  466. }
  467.  
  468. else {
  469. tiny[i].style.visibility="hidden";
  470. tinyv[i]=0;
  471. return;
  472. }
  473. }
  474. else tiny[i].style.visibility="hidden";
  475. }
  476.  
  477. document.onmousemove=mouse;
  478. function mouse(e) {
  479. set_scroll();
  480. y=(e)?e.pageY:event.y+sdown;
  481. x=(e)?e.pageX:event.x+sleft;
  482. }
  483.  
  484. function set_scroll() {
  485. if (typeof(self.pageYOffset)=="number") {
  486. sdown=self.pageYOffset;
  487. sleft=self.pageXOffset;
  488. }
  489. else if (document.body.scrollTop || document.body.scrollLeft) {
  490. sdown=document.body.scrollTop;
  491. sleft=document.body.scrollLeft;
  492. }
  493. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  494. sleft=document.documentElement.scrollLeft;
  495. sdown=document.documentElement.scrollTop;
  496. }
  497. else {
  498. sdown=0;
  499. sleft=0;
  500. }
  501. }
  502.  
  503. window.onresize=set_width;
  504. function set_width() {
  505. if (typeof(self.innerWidth)=="number") {
  506. swide=self.innerWidth;
  507. shigh=self.innerHeight;
  508. }
  509.  
  510. else if (document.documentElement && document.documentElement.clientWidth) {
  511. swide=document.documentElement.clientWidth;
  512. shigh=document.documentElement.clientHeight;
  513. }
  514.  
  515. else if (document.body.clientWidth) {
  516. swide=document.body.clientWidth;
  517. shigh=document.body.clientHeight;
  518. }
  519. }
  520.  
  521. function createDiv(height, width) {
  522. var div=document.createElement("div");
  523. div.style.position="absolute";
  524. div.style.height=height+"px";
  525. div.style.width=width+"px";
  526. div.style.overflow="hidden";
  527. return (div);
  528. }
  529.  
  530. function newColour() {
  531. var c=new Array();
  532. c[0]=255;
  533. c[1]=Math.floor(Math.random()*256);
  534. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  535. c.sort(function(){return (0.5 - Math.random());});
  536. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  537. }
  538.  
  539. // ]]>
  540. </script>
  541.  
  542. <script language=JavaScript>
  543. <!--
  544. //Disable right click script III- By Renigade (renigade@mediaone.net)
  545. //For full source code, visit http://www.dynamicdrive.com
  546. var message="";
  547. ///////////////////////////////////
  548. function clickIE() {if (document.all) {(message);return false;}}
  549. function clickNS(e) {if
  550. (document.layers||(document.getElementById&&!document.all)) {
  551. if (e.which==2||e.which==3) {(message);return false;}}}
  552. if (document.layers)
  553. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  554. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  555. document.oncontextmenu=new Function("return false")
  556. // -->
  557. </script>
  558.  
  559. <script type="text/javascript"
  560.  
  561. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  562.  
  563. <script>
  564.  
  565. $(document).ready(function() {
  566.  
  567. //
  568.  
  569. $('a.poplight[href^=#]').click(function() {
  570.  
  571. var popID = $(this).attr('rel'); //Get Popup Name
  572.  
  573. var popURL = $(this).attr('href'); //Get Popup href to define size
  574.  
  575. var query= popURL.split('?');
  576.  
  577. var dim= query[1].split('&');
  578.  
  579. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  580.  
  581. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i52.tinypic.com/2lco6ip.png" class="btn_close" title="Close it" alt="Close" /></a>');
  582.  
  583. var popMargTop = ($('#' + popID).height() + 80) / 2;
  584.  
  585. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  586.  
  587. //Apply Margin to Popup
  588.  
  589. $('#' + popID).css({
  590.  
  591. 'margin-top' : -popMargTop,
  592.  
  593. 'margin-left' : -popMargLeft
  594.  
  595. });
  596.  
  597. $('body').append('<div id="fade"></div>');
  598.  
  599. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  600.  
  601. return false;
  602.  
  603. });
  604.  
  605. $('a.close, #fade').live('click', function() {
  606.  
  607. $('#fade , .popup_block').fadeOut(function() {
  608.  
  609. $('#fade, a.close').remove(); //fade them both out
  610.  
  611. });
  612.  
  613. return false;
  614.  
  615. });
  616.  
  617. });
  618.  
  619. </script>
  620.  
  621. <style type="text/css">
  622.  
  623. body {
  624. background-color:#fff;
  625. background-image:url({image:BG});
  626. background-attachment:fixed;
  627. background-repeat:no-repeat;
  628. color: #7E587E;
  629. font-family:trebuchet MS;
  630. font-size:10px;
  631. line-height:14px;
  632. }
  633.  
  634. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 15px; right: 15px;}
  635.  
  636. a, a:link, a:visited, a:active {
  637. color: #000;
  638. text-shadow: 1px 1px 1px;
  639. text-decoration: none;
  640. -webkit-transition-timing-function: ease-out;
  641. -webkit-transition-duration: 0.5s;
  642. -moz-transition-timing-function: ease-out;
  643. -moz-transition-duration: 0.5s;
  644. }
  645.  
  646. a:hover {
  647. color: #EBDDE2;
  648. text-shadow: 2px 1px 1px;
  649. background-color: transparent;
  650. -webkit-transition-timing-function: ease-out;
  651. -webkit-transition-duration: 0.5s;
  652. -moz-transition-timing-function: ease-out;
  653. -moz-transition-duration: 0.5s;
  654. text-decoration:none;
  655. border:none;
  656. }
  657.  
  658. .popup_block{
  659. display: none;
  660. background: #fcfbf8;
  661. padding: 10px;
  662. font-family: arial;
  663. border: 3px solid #f2e7e2;
  664. float: left;
  665. font-size: 10px;
  666. position: fixed;
  667. top: 50%; left: 50%;
  668. z-index: 1;
  669. -webkit-border-radius: 10px;
  670. -moz-border-radius: 10px;
  671. border-radius: 10px;
  672. }
  673. img.btn_close {
  674. float: right;
  675. margin: -5px -5px 0 0;
  676. }
  677. *html .popup_block {
  678. position: absolute;
  679. }
  680.  
  681. #musicplayer {text-align: center;font-size: 11px;position:fixed;left:20px;top:-68px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999;}
  682.  
  683. #musicplayer:hover {top:-10px;}
  684.  
  685. #music {padding: 20px 0 5px 0;background: #fff;width:230px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;z-index: 9999;}
  686. #musictab {font-family:century gothic;text-shadow: 0 1px 0 #000000;height:30px;padding: 0 0 8px 0;background:#fff;border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;width: 50px;}
  687.  
  688. .bubble {align:right;background: #FDEEF4; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  689. .bubble p {margin:1px 0px;}
  690. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #EBDDE2;}
  691.  
  692. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  693.  
  694. #status{
  695. moz-box-shadow: 0 0 1px #E799A3;
  696.  
  697. -webkit-box-shadow: 0 0 8px #C48793;
  698.  
  699. position:fixed !important;
  700.  
  701. left:980px; padding-top:6px;
  702.  
  703. top: 240px;
  704.  
  705. padding-bottom:17px;
  706.  
  707. text-align:center;
  708.  
  709. height:10px;
  710.  
  711. width:69px;
  712.  
  713. overflow:hidden;  
  714.  
  715. border:4px double #FDEEF4;
  716.  
  717. -moz-border-radius: 17px 17px 17px 17px;
  718.  
  719. border-radius:17px 17px 17px 17px;
  720.  
  721. -webkit-transition: opacity 0.7s linear;
  722.  
  723. -webkit-transition: all 0.7s ease-in-out;
  724.  
  725. -moz-transition: all 0.7s ease-in-out;
  726.  
  727. -o-transition: all 0.7s ease-in-out;
  728.  
  729. background: #fff;
  730.  
  731. z-index:999;
  732.  
  733. }
  734.  
  735.  
  736.  
  737. #status:hover{
  738.  
  739. border:5px solid #FDEEF4;
  740. -moz-border-radius: 17px 17px 17px 17px;
  741.  
  742. border-radius:17px 17px 17px 17px;
  743.  
  744. padding:5px;
  745.  
  746. height:100px;
  747.  
  748. width:270px;
  749.  
  750. }
  751.  
  752. #status2{
  753. moz-box-shadow: 0 0 1px #E799A3;
  754.  
  755. -webkit-box-shadow: 0 0 8px #C48793;
  756.  
  757. position:fixed !important;
  758.  
  759. left:980px; padding-top:6px;
  760.  
  761. top: 290px;
  762.  
  763. padding-bottom:17px;
  764.  
  765. text-align:center;
  766.  
  767. height:10px;
  768.  
  769. width:69px;
  770.  
  771. overflow:hidden;  
  772.  
  773. border:4px double #FDEEF4;
  774.  
  775. -moz-border-radius: 17px 17px 17px 17px;
  776.  
  777. border-radius:17px 17px 17px 17px;
  778.  
  779. -webkit-transition: opacity 0.7s linear;
  780.  
  781. -webkit-transition: all 0.7s ease-in-out;
  782.  
  783. -moz-transition: all 0.7s ease-in-out;
  784.  
  785. -o-transition: all 0.7s ease-in-out;
  786.  
  787. background: #fff;
  788.  
  789. z-index:999;
  790.  
  791. }
  792.  
  793.  
  794.  
  795. #status2:hover{
  796.  
  797. border:5px solid #FDEEF4;
  798. -moz-border-radius: 17px 17px 17px 17px;
  799.  
  800. border-radius:17px 17px 17px 17px;
  801.  
  802. padding:5px;
  803.  
  804. height:100px;
  805.  
  806. width:270px;
  807.  
  808. }
  809.  
  810.  
  811. #content {
  812. width:400px;
  813. padding:12px;
  814. background-color:#fff;
  815. margin-bottom:5px;
  816. position: absolute;
  817. top: 2px;
  818. left: 490px;
  819. -moz-border-radius:10px;
  820. -webkit-border-radius:10px;
  821. -moz-box-shadow: 0 0 1px #E799A3;
  822. -webkit-box-shadow: 0 0 12px #C48793;
  823.  
  824. }
  825.  
  826. header {
  827. text-align: center;
  828. background: transparent;
  829. font-size: 6.5pt;
  830. color: #d5a9a7;
  831. font-family: trebuchet ms;
  832. text-transform: uppercase;
  833. letter-spacing: 5px; fixed;
  834. filter: alpha(opacity=100);
  835. -moz-opacity: 100;
  836. opacity: 100;
  837. padding: 3px;
  838. border-bottom: 3px dotted #eeeeee;
  839. }
  840.  
  841. .permalink {
  842. line-height:16px;
  843. display:block;
  844. text-align:center;
  845. font-family: 'rouge script';
  846. font-size:14px;
  847. text-transform:lowercase;
  848. margin-bottom:5px;
  849. margin-top:3px;
  850. padding:1px;
  851. }
  852.  
  853. .text {
  854. font-family: 'Dawning of a new day';
  855. font-weight:bold;
  856. font-size:24px;
  857. line-height:28px;
  858. }
  859.  
  860. .link {
  861. font-size:25px;
  862. font-family: 'Amatic SC';
  863. line-height:28px;
  864. }
  865.  
  866.  
  867. .links {
  868. width: 70px;
  869. height: 20px;
  870. background-color: #FDEEF4;
  871. font-size:8px;
  872. letter-spacing:0px;
  873. line-height:17px;
  874. text-align:left;
  875. margin-top:4x;
  876. padding-left:10px;
  877. -webkit-transition-duration: .6s;
  878. border-radius:10px;
  879. -moz-box-shadow: 0 0 1px #E799A3;
  880. -webkit-box-shadow: 0 0 8px #C48793;
  881. display: inline-block;
  882. }
  883.  
  884. .links:hover {
  885. background-color: #fff;
  886. -webkit-transition-duration: .5s;
  887. border-left:4px solid #FCDFFF;
  888. margin-left:7px;
  889. }
  890.  
  891. .navposition
  892. {
  893. position:fixed;
  894. top:175px;
  895. left:160px;
  896. }
  897.  
  898.  
  899. ::-webkit-scrollbar {
  900. width: 10px;
  901. height: 4px;
  902. background: #ffffff;
  903. background-repeat: repeat-y;
  904.  background-attachment: fixed;
  905. }
  906.  
  907. ::-webkit-scrollbar-thumb {
  908. background-color:#EBDDE2;
  909.  -webkit-border-radius: 2ex; }
  910.  
  911. .anything
  912. {
  913. position:fixed;
  914. top:140px;
  915. left:230px;
  916. font-family:'Ruthie';
  917. font-size:29px;
  918. line-height:29px;
  919.     }
  920.  
  921. </style>
  922. </head>
  923.  
  924. <body>
  925.  
  926. <div id="02" class="popup_block">
  927. <p><a href="{text:LINK1URLHERE}">♕ {text:LINKTITLE1HERE}</a></p>
  928. <p><a href="{text:LINK2URLHERE}">♕ {text:LINKTITLE2HERE}</a></p>
  929. <p><a href="{text:LINK3URLHERE}">♕ {text:LINKTITLE3HERE}</a></p>
  930. <p><a href="{text:LINK4URLHERE}">♕ {text:LINKTITLE4HERE}</a></p>
  931. <p><a href="{text:LINK5URLHERE}">♕ {text:LINKTITLE5HERE}</a></p>
  932. </div></div></div></div></div>
  933.  
  934. <div id="musicplayer">
  935.  
  936. <div id="music"> <center>Edit this on the html page! :) Put the url of your music player here. If you have questions, ask me. :)</center></div>
  937.  
  938. <div id="musictab"> <br><img src="http://i12.photobucket.com/albums/a213/superkate_2468/favicon-2ico.gif"></div></div></div>
  939.  
  940. <div class="navposition">
  941. <p><div class="links"><a href="/">REFRESH</a></div></p>
  942. <p><div class="links"><a href="/ask">LETTERBOX</a></div></p>
  943. <p><div class="links"><a href="/submit">SUBMIT!</a></div></p>
  944. <p><div class="links"><a href="#?w=300" rel="02" class="poplight">OTHER LINKS</a>
  945. </div></p>
  946. <p><div class="links"><a href="http://sweetcandyskittles.tumblr.com">THEME</a>
  947. </div></p>
  948.  
  949. <div class="anything"><center>{title}</center><div style="height:auto;width:154px;font:10px trebuchet MS;background-color:#FDEEF4; -moz-box-shadow: 0 0 1px #E799A3; -webkit-box-shadow: 0 0 8px #C48793;border:2px solid #FCDFFF;padding-left:5px;padding-right:5px;border-radius:10px;"><center><p></p><img src="{PortraitURL-128}" style="border-radius:30px;"/><p></p></center>{description}<p></p>
  950. </div></div></div></div></div></div>
  951.  
  952. <div id="content">
  953. {block:Posts}
  954.  
  955. {block:Text}
  956. {block:Title}<div class="text"><center>{Title}</center></div><center><img src="http://25.media.tumblr.com/tumblr_lywhnkO8kE1r77gqoo1_250.png"></center>{/block:Title}
  957. {Body}
  958. {/block:Text}
  959.  
  960. {block:Photo}
  961. {LinkOpenTag}<img src="{PhotoURL-400}" style="margin-bottom:3px;-moz-border-radius:10px;-webkit-border-radius:10px;">{LinkCloseTag}
  962. {block:Caption}{Caption}{/block:Caption}
  963. {/block:Photo}
  964.  
  965. {block:Photoset}
  966. {Photoset-400}{block:caption}{caption}{/block:caption}
  967. {/block:photoset}
  968.  
  969. <center>{block:Quote}"{Quote}"<br>
  970. {block:Source}<b>- {Source}</b>{/block:Source}
  971. {/block:Quote}</center>
  972.  
  973. {block:Link}
  974. <center><div class="link"><a href="{URL}" target="_blank">{Name} →</a></div></center>
  975. {block:Description}{Description}{/block:Description}
  976. {/block:Link}
  977.  
  978. {block:Chat}
  979. {block:Title}<div class="text"><center>{Title}</center></div>{/block:Title}
  980. <p></p>{block:Lines}
  981. {block:Label}
  982. <b>{Label}</b>
  983. {/block:Label}
  984. <i>{Line}</i><br>
  985. {/block:Lines}
  986. {/block:Chat}
  987.  
  988. {block:Audio}<center>
  989. {AudioPlayerBlack}
  990. {block:Caption}{Caption}{/block:Caption}</center>
  991. {/block:Audio}
  992.  
  993. {block:Video}
  994. {VideoURL-500}
  995. {block:Caption}{Caption}{/block:Caption}
  996. {/block:Video}
  997.  
  998. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} whispered: {Question}&nbsp;</div>{Answer}{/block:Answer}
  999.  
  1000.  
  1001. {block:IndexPage}<center><div class="permalink"><header></header><a href="{Permalink}">{NoteCountWithLabel}</a> |♥| <a href="{ReblogURL}" target="_blank">Re-dream</a>
  1002. </center>{/block:IndexPage}
  1003.  
  1004.  
  1005. {block:PermalinkPage}
  1006. {/block:PermalinkPage}
  1007. {block:PostNotes}
  1008. {PostNotes}
  1009.  
  1010. {/block:PostNotes}
  1011. {/block:Posts}
  1012.  
  1013. </div>
  1014. </div>
  1015. <div id="status2">
  1016. ABOUT ME.
  1017. <center><p>{text:about me}</strong></p>
  1018. </center></div>
  1019. <div id="status">
  1020. UPDATES.<p>{text:updates}</p>
  1021. </center></div>
  1022. </body>
  1023. </html>
create a new version of this paste RAW Paste Data