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

Forever-chained theme - Infinite scrolling

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