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

Polaroid-lover theme INFINITE SCROLLING

By: sweetcandyskittles on Apr 18th, 2012  |  syntax: None  |  size: 20.53 KB  |  hits: 997  |  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. <!-- POLAROID-LOVER THEME BY CLARICE - leshistoire.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. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  6. <title>{Title}</title>
  7. <meta name="image:Background image" content="http://29.media.tumblr.com/tumblr_l6zkdgtfv11qcdtsho1_400.png">
  8. <meta name="image:sidebar" content="http://26.media.tumblr.com/tumblr_m2agmlXg3u1qcgfkzo1_500.jpg">
  9. <meta name="color:Links" content="#666666">
  10. <meta name="color:Hover" content="#dddddd">
  11. <META name="text:LINKTITLE4HERE" content="Link4" />
  12. <META name="text:LINKTITLE3HERE" content="Link3" />
  13. <META name="text:LINKTITLE2HERE" content="Link2" />
  14. <META name="text:LINKTITLE1HERE" content="Link1" />
  15. <META name="text:LINK1URLHERE" content="/" />
  16. <META name="text:LINK2URLHERE" content="/" />
  17. <META name="text:LINK3URLHERE" content="/" />
  18. <META name="text:LINK4URLHERE" content="/" />
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  22. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  25. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  26. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  27.  
  28. <script>
  29.  
  30. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
  31. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  32.  
  33. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  34.  
  35. <script type="text/javascript">
  36.  
  37. // <![CDATA[
  38.  
  39. var colour="#000000";
  40.  
  41. var colour3="#ffffff";
  42.  
  43. var colour5="#ffffff"
  44.  
  45. var sparkles=30;
  46.  
  47.  
  48.  
  49. /******************************
  50.  
  51. * Tinkerbell Magic Sparkle *
  52.  
  53. * (c) 2005 mf2fm web-design *
  54.  
  55. * http://www.mf2fm.com/rv *
  56.  
  57. * Generated at pnoyonline.com *
  58.  
  59. * tumblr layouts - pnoyonline *
  60.  
  61. * DON'T EDIT BELOW THIS BOX *
  62.  
  63. ****************************/
  64.  
  65. var x=ox=400;
  66.  
  67. var y=oy=300;
  68.  
  69. var swide=800;
  70.  
  71. var shigh=600;
  72.  
  73. var sleft=sdown=0;
  74.  
  75. var tiny=new Array();
  76.  
  77. var star=new Array();
  78.  
  79. var starv=new Array();
  80.  
  81. var starx=new Array();
  82.  
  83. var stary=new Array();
  84.  
  85. var tinyx=new Array();
  86.  
  87. var tinyy=new Array();
  88.  
  89. var tinyv=new Array();
  90.  
  91.  
  92.  
  93. window.onload=function() { if (document.getElementById) {
  94.  
  95. var i, rats, rlef, rdow;
  96.  
  97. for (var i=0; i<sparkles; i++) {
  98.  
  99. var rats=createDiv(3, 3);
  100.  
  101. rats.style.visibility="hidden";
  102.  
  103. document.body.appendChild(tiny[i]=rats);
  104.  
  105. starv[i]=0;
  106.  
  107. tinyv[i]=0;
  108.  
  109. var rats=createDiv(5, 5);
  110.  
  111. var rats=createDiv3(5, 5);
  112.  
  113.  
  114.  
  115. rats.style.backgroundColor="transparent";
  116.  
  117. rats.style.visibility="hidden";
  118.  
  119. var rlef=createDiv(1, 5);
  120.  
  121. var rlef=createDiv3(1, 5);
  122.  
  123. var rdow=createDiv(5, 1);
  124.  
  125. var rdow=createDiv3(5, 1);
  126.  
  127. rats.appendChild(rlef);
  128.  
  129. rats.appendChild(rdow);
  130.  
  131. rlef.style.top="2px";
  132.  
  133. rlef.style.left="0px";
  134.  
  135. rdow.style.top="0px";
  136.  
  137. rdow.style.left="2px";
  138.  
  139. document.body.appendChild(star[i]=rats);
  140.  
  141. }
  142.  
  143. set_width();
  144.  
  145. sparkle();
  146.  
  147. }}
  148.  
  149.  
  150.  
  151. function sparkle() {
  152.  
  153. var c;
  154.  
  155. if (x!=ox || y!=oy) {
  156.  
  157. ox=x;
  158.  
  159. oy=y;
  160.  
  161. for (c=0; c<sparkles; c++) if (!starv[c]) {
  162.  
  163. star[c].style.left=(starx[c]=x)+"px";
  164.  
  165. star[c].style.top=(stary[c]=y)+"px";
  166.  
  167. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  168.  
  169. star[c].style.visibility="visible";
  170.  
  171. starv[c]=50;
  172.  
  173. break;
  174.  
  175. }
  176.  
  177. }
  178.  
  179. for (c=0; c<sparkles; c++) {
  180.  
  181. if (starv[c]) update_star(c);
  182.  
  183. if (tinyv[c]) update_tiny(c);
  184.  
  185. }
  186.  
  187. setTimeout("sparkle()", 40);
  188.  
  189. }
  190.  
  191.  
  192.  
  193. function update_star(i) {
  194.  
  195. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  196.  
  197. if (starv[i]) {
  198.  
  199. stary[i]+=1+Math.random()*3;
  200.  
  201. if (stary[i]<shigh+sdown) {
  202.  
  203. star[i].style.top=stary[i]+"px";
  204.  
  205. starx[i]+=(i%5-2)/5;
  206.  
  207. star[i].style.left=starx[i]+"px";
  208.  
  209. }
  210.  
  211. else {
  212.  
  213. star[i].style.visibility="hidden";
  214.  
  215. starv[i]=0;
  216.  
  217. return;
  218.  
  219. }
  220.  
  221. }
  222.  
  223. else {
  224.  
  225. tinyv[i]=50;
  226.  
  227. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  228.  
  229. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  230.  
  231. tiny[i].style.width="2px";
  232.  
  233. tiny[i].style.height="2px";
  234.  
  235. star[i].style.visibility="hidden";
  236.  
  237. tiny[i].style.visibility="visible"
  238.  
  239. }
  240.  
  241. }
  242.  
  243.  
  244.  
  245. function update_tiny(i) {
  246.  
  247. if (--tinyv[i]==25) {
  248.  
  249. tiny[i].style.width="1px";
  250.  
  251. tiny[i].style.height="1px";
  252.  
  253. }
  254.  
  255. if (tinyv[i]) {
  256.  
  257. tinyy[i]+=1+Math.random()*3;
  258.  
  259. if (tinyy[i]<shigh+sdown) {
  260.  
  261. tiny[i].style.top=tinyy[i]+"px";
  262.  
  263. tinyx[i]+=(i%5-2)/5;
  264.  
  265. tiny[i].style.left=tinyx[i]+"px";
  266.  
  267. }
  268.  
  269. else {
  270.  
  271. tiny[i].style.visibility="hidden";
  272.  
  273. tinyv[i]=0;
  274.  
  275. return;
  276.  
  277. }
  278.  
  279. }
  280.  
  281. else tiny[i].style.visibility="hidden";
  282.  
  283. }
  284.  
  285.  
  286.  
  287. document.onmousemove=mouse;
  288.  
  289. function mouse(e) {
  290.  
  291. set_scroll();
  292.  
  293. y=(e)?e.pageY:event.y+sdown;
  294.  
  295. x=(e)?e.pageX:event.x+sleft;
  296.  
  297. }
  298.  
  299.  
  300.  
  301. function set_scroll() {
  302.  
  303. if (typeof(self.pageYOffset)=="number") {
  304.  
  305. sdown=self.pageYOffset;
  306.  
  307. sleft=self.pageXOffset;
  308.  
  309. }
  310.  
  311. else if (document.body.scrollTop ||
  312.  
  313.  
  314.  
  315. document.body.scrollLeft) {
  316.  
  317. sdown=document.body.scrollTop;
  318.  
  319. sleft=document.body.scrollLeft;
  320.  
  321. }
  322.  
  323. else if (document.documentElement &&
  324.  
  325.  
  326.  
  327. (document.documentElement.scrollTop ||
  328.  
  329.  
  330.  
  331. document.documentElement.scrollLeft)) {
  332.  
  333. sleft=document.documentElement.scrollLeft;
  334.  
  335. sdown=document.documentElement.scrollTop;
  336.  
  337. }
  338.  
  339. else {
  340.  
  341. sdown=0;
  342.  
  343. sleft=0;
  344.  
  345. }
  346.  
  347. }
  348.  
  349.  
  350.  
  351. window.onresize=set_width;
  352.  
  353. function set_width() {
  354.  
  355. if (typeof(self.innerWidth)=="number") {
  356.  
  357. swide=self.innerWidth;
  358.  
  359. shigh=self.innerHeight;
  360.  
  361. }
  362.  
  363. else if (document.documentElement &&
  364.  
  365.  
  366.  
  367. document.documentElement.clientWidth) {
  368.  
  369. swide=document.documentElement.clientWidth;
  370.  
  371. shigh=document.documentElement.clientHeight;
  372.  
  373. }
  374.  
  375. else if (document.body.clientWidth) {
  376.  
  377. swide=document.body.clientWidth;
  378.  
  379. shigh=document.body.clientHeight;
  380.  
  381. }
  382.  
  383. }
  384.  
  385. /******************************
  386.  
  387. * Modified by *
  388.  
  389. * pnoyonline.com *
  390.  
  391. * Generated at pnoyonline.com *
  392.  
  393. * tumblr layouts - pnoyonline *
  394.  
  395. ****************************/
  396.  
  397. function createDiv(height, width) {
  398.  
  399. var div=document.createElement("div");
  400.  
  401. div.style.position="absolute";
  402.  
  403. div.style.height=height+"px";
  404.  
  405. div.style.width=width+"px";
  406.  
  407. div.style.overflow="hidden";
  408.  
  409. div.style.backgroundColor=colour;
  410.  
  411. return (div);
  412.  
  413. }
  414.  
  415.  
  416.  
  417.  
  418.  
  419. function createDiv3(height, width) {
  420.  
  421. var div=document.createElement("div");
  422.  
  423. div.style.position="absolute";
  424.  
  425. div.style.height=height+"px";
  426.  
  427. div.style.width=width+"px";
  428.  
  429. div.style.overflow="hidden";
  430.  
  431. div.style.backgroundColor=colour3;
  432.  
  433. return (div);
  434.  
  435. }
  436.  
  437. // ]]>
  438.  
  439. </script>
  440.  
  441. <script language=JavaScript>
  442.  
  443. <!--
  444. //Disable right mouse click Script
  445. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  446. //For full source code, visit http://www.dynamicdrive.com
  447.  
  448. var message="";
  449.  
  450. ///////////////////////////////////
  451. function clickIE4(){
  452. if (event.button==2){
  453. alert(message);
  454. return false;
  455. }
  456. }
  457.  
  458. function clickNS4(e){
  459. if (document.layers||document.getElementById&&!document.all){
  460. if (e.which==2|e.which==3){
  461. alert(message);
  462. return false;
  463. }
  464. }
  465. }
  466.  
  467. if (document.layers){
  468. document.captureEvents(Event.MOUSEDOWN);
  469. document.onmousedown=clickNS4;
  470. }
  471. else if (document.all&&!document.getElementById){
  472. document.onmousedown=clickIE4;
  473. }
  474.  
  475. document.oncontextmenu=new Function("return false")
  476.  
  477. // -->
  478. </script>
  479.  
  480.  
  481.  
  482. <style type="text/css">
  483.  
  484. body {
  485. background-image:url('{image:Background image}');
  486. background-color:#fff;
  487. background-attachment:fixed;
  488. background-repeat:repeat;
  489. color:{color:Body font};
  490. font-family:trebuchet MS;
  491. font-size:10px;
  492. line-height:11px;
  493. }
  494.  
  495. i {
  496. font-style:italic;
  497. font-family:'times new roman';
  498. }
  499.  
  500. b {
  501. font-family:'georgia';
  502. font-style:bold;
  503. }
  504.  
  505. a, a:link, a:visited, a:active {
  506. color: {color:Links};
  507. text-decoration: none;
  508. -webkit-transition-timing-function: ease-out;
  509. -webkit-transition-duration: 0.5s;
  510. -moz-transition-timing-function: ease-out;
  511. -moz-transition-duration: 0.5s;
  512. }
  513.  
  514. a:hover {
  515. color: {color:Hover};
  516. background-color: transparent;
  517. -webkit-transition-timing-function: ease-out;
  518. -webkit-transition-duration: 0.5s;
  519. -moz-transition-timing-function: ease-out;
  520. -moz-transition-duration: 0.5s;
  521. text-decoration:none;
  522. }
  523.  
  524.  
  525. #entry2
  526. {
  527. background-image:url(http://28.media.tumblr.com/tumblr_m29ofizane1r77gqoo1_500.png);
  528. margin-top:5px;
  529. width:410px;
  530. padding-top:20px;
  531. padding-right:10px;
  532. padding-left:10px;
  533. padding-bottom:50px;
  534. -moz-box-shadow: 0 0 10px #fff;
  535. -webkit-box-shadow: 2px 2px 10px #fff;
  536. margin-bottom:20px;
  537. }
  538.  
  539. #entry {
  540. border:1px dotted #a3a3a3;
  541. float:center;
  542. width:400px;
  543. padding-top:4px;
  544. padding-right:4px;
  545. padding-left:4px;
  546. padding-bottom:4px;
  547. margin-top:2px;
  548. background-color:#fff;
  549. }
  550.  
  551. #entry .permalink {
  552. opacity:0;
  553. width:270px;
  554. height:15px;
  555. left:0px;
  556. font-family:'trebuchet MS';
  557. line-height:15px;
  558. margin-top:-5px;
  559. font-size:9px;
  560. -webkit-transition-timing-function: ease-out;
  561. -webkit-transition-duration: .3s;
  562. -moz-transition-timing-function: ease-out;
  563. -moz-transition-duration: .3s;
  564. position:absolute;
  565. text-transform:uppercase;
  566. background-color:#000;
  567. letter-spacing:2px;
  568. text-align:center;
  569. overflow:hidden;
  570. }
  571.  
  572. #entry:hover .permalink {
  573. width:120px;
  574. opacity:.9;
  575. margin-top:0px;
  576. text-align:center;
  577. margin-left:2px;
  578. padding-right:3px;
  579. color:#fff;
  580. left:-10px;
  581. margin-top:2px;
  582. -webkit-transition-timing-function: ease-out;
  583. -webkit-transition-duration: .9s;
  584. -moz-transition-timing-function: ease-out;
  585. -moz-transition-duration: .9s;
  586. line-height:16px;
  587. height:15px;
  588. overflow:visible;
  589. -moz-box-shadow: 0 0 10px #fff;
  590. -webkit-box-shadow: 0px 0px 10px #fff;
  591. }
  592.  
  593. #entry .permalink2 {
  594. opacity:0;
  595. width:270px;
  596. height:15px;
  597. left:0px;
  598. font-family:'trebuchet MS';
  599. line-height:15px;
  600. margin-top:-5px;
  601. font-size:9px;
  602. -webkit-transition-timing-function: ease-out;
  603. -webkit-transition-duration: .3s;
  604. -moz-transition-timing-function: ease-out;
  605. -moz-transition-duration: .3s;
  606. position:absolute;
  607. text-transform:uppercase;
  608. background-color:#fff;
  609. letter-spacing:2px;
  610. text-align:center;
  611. overflow:hidden;
  612. }
  613.  
  614. #entry:hover .permalink2 {
  615. width:135px;
  616. opacity:.9;
  617. margin-top:0px;
  618. text-align:center;
  619. margin-left:2px;
  620. padding-right:3px;
  621. color:#000;
  622. left:-10px;
  623. margin-top:20px;
  624. -webkit-transition-timing-function: ease-out;
  625. -webkit-transition-duration: .9s;
  626. -moz-transition-timing-function: ease-out;
  627. -moz-transition-duration: .9s;
  628. line-height:16px;
  629. height:15px;
  630. overflow:visible;
  631. -moz-box-shadow: 0 0 10px #000;
  632. -webkit-box-shadow: 0px 0px 10px #000;
  633. }
  634.  
  635. .text {
  636. font-family: 'shadows into light two', cursive;
  637. font-size:23px;
  638. line-height:26px;
  639. text-align:center;
  640. }
  641.  
  642. .quote {
  643. font-family: 'Dawning of a new day', cursive;
  644. font-size:23px;
  645. line-height:28px;
  646. }
  647.  
  648. .link {
  649. font-family:'Amatic SC';
  650. font-size:28px;
  651. line-height:19px;
  652. text-align:center;
  653. }
  654.  
  655. #descrip {
  656. text-align:justify;
  657. padding:3px;
  658. margin-top:2px;
  659. margin-bottom:4px;
  660. margin-left:2px;
  661. margin-right:2px;
  662. height:auto;
  663. overflow:hidden;
  664. }
  665.  
  666. #spinningbox{
  667.  
  668. moz-box-shadow: 0 0 1px #E799A3;
  669.  
  670. -webkit-box-shadow: 0 0 8px #C48793;
  671.  
  672. position:fixed !important;
  673.  
  674. left:308px;
  675.  
  676. top: -10px;
  677.  
  678. padding-bottom:14px;
  679.  
  680. padding-top:21px;
  681.  
  682. text-align:center;
  683.  
  684. height:7px;
  685.  
  686. width:79px;
  687.  
  688. overflow:hidden;  
  689.  
  690. border:4px solid #fff;
  691.  
  692. -webkit-transition: opacity 0.6s linear;
  693.  
  694. -webkit-transition: all 0.6s ease-in-out;
  695.  
  696. -moz-transition: all 0.6s ease-in-out;
  697.  
  698. -o-transition: all 0.6s ease-in-out;
  699.  
  700. background: #000;
  701.  
  702. z-index:999;
  703.  
  704. color:#fff;
  705.  
  706. }
  707.  
  708. #spinningbox:hover{
  709.  
  710. top:10px;
  711.  
  712. border:5px double #fff;
  713.  
  714. padding:5px;
  715.  
  716. height:98px;
  717.  
  718. width:120px;
  719.  
  720. -moz-transform: rotate(360deg);
  721.  
  722. -webkit-transform: rotate(360deg);
  723.  
  724. -o-transform: rotate(360deg);
  725.  
  726. -ms-transform: rotate(360deg);
  727.  
  728. transform: rotate(360deg);
  729.  
  730. }
  731.  
  732. #title {
  733. position:fixed;
  734. left:900px;
  735. top:270px;
  736. width:250px;
  737. height:auto;
  738. line-height:22px;
  739. font-family:'Amatic SC';
  740. font-size:24px;
  741. text-align:left;
  742. color:#fff;
  743. }
  744.  
  745. #box {
  746. -moz-box-shadow: 0 0 10px #eee;
  747. -webkit-box-shadow: 0px 0px 10px #eee;
  748. position:fixed;
  749. left:900px;
  750. top:300px;
  751. width:251px;
  752. height:170px;
  753. padding-top:20px;
  754. padding-right:12px;
  755. padding-left:10px;
  756. padding-bottom:51px;
  757. background:#fff;
  758. }
  759.  
  760. #box .descrip {
  761. opacity:0;
  762. padding-top:37px;
  763. padding-right:10px;
  764. padding-left:12px;
  765. width:250px;
  766. top:-30px;
  767. left:0px;
  768. background:#fff;
  769. position:absolute;
  770. -webkit-transition-timing-function: ease-out;
  771. -webkit-transition-duration: .9s;
  772. -moz-transition-timing-function: ease-out;
  773. -moz-transition-duration: .9s;
  774. }
  775.  
  776. #box:hover .descrip {
  777. opacity:.9;
  778. top:0px;
  779. -moz-box-shadow: 0 0 10px #eee;
  780. -webkit-box-shadow: 0px 0px 10px #eee;
  781. width:250px;
  782. height:200px;
  783. padding-top:37px;
  784. padding-right:10px;
  785. padding-left:12px;
  786. left:0px;
  787. color:#000;
  788. background:#fff;
  789. }
  790.  
  791. #mainbar {
  792. top:20px;
  793. margin:auto;
  794. position:relative;
  795. width:504px;
  796. overflow:hidden;
  797. }
  798.  
  799. iframe#tumblr_controls {
  800. top: 4.25% !important;
  801. margin: -30px 0 0 0;
  802. right: 1px !important;
  803. position: fixed !important;
  804. }
  805.  
  806. header {
  807. text-align: center;
  808. background: transparent;
  809. font-size: 6.5pt;
  810. color: #d5a9a7;
  811. font-family: trebuchet ms;
  812. text-transform: uppercase;
  813. letter-spacing: 5px; fixed;
  814. opacity: 100;
  815. padding: 3px;
  816. line-height: 12px;
  817. margin-bottom: 7px;
  818. border-bottom: 3px dotted #aeaeae;
  819. }
  820.  
  821. left
  822. {
  823. margin-left:5px;
  824. }
  825.  
  826. #linkers {
  827. background-color:{color:links};
  828. -moz-box-shadow: 0 0 10px #eee;
  829. -webkit-box-shadow: 0px 0px 10px #eee;
  830. height:10px;
  831. width:50px;
  832. text-align:right;
  833. text-transform:uppercase;
  834. left:1160px;
  835. top:320px;
  836. padding:2px;
  837. position:fixed;
  838. -moz-transform: rotate(-24deg);
  839. -webkit-transform: rotate(-24deg);
  840. -o-transform: rotate(-24deg);
  841. -ms-transform: rotate(-24deg);
  842. transform: rotate(-24deg);
  843. -webkit-transition-timing-function: ease-out;
  844. -webkit-transition-duration: .9s;
  845. -moz-transition-timing-function: ease-out;
  846. -moz-transition-duration: .9s;
  847. }
  848.  
  849. #linkers:hover {
  850. background-color:#000;
  851. color:#fff;
  852. -moz-box-shadow: 0 0 10px #eee;
  853. -webkit-box-shadow: 0px 0px 10px #eee;
  854. height:10px;
  855. width:50px;
  856. text-align:right;
  857. text-transform:uppercase;
  858. padding-left:14px;
  859. -moz-transform: rotate(-0deg);
  860. -webkit-transform: rotate(-0deg);
  861. -o-transform: rotate(-0deg);
  862. -ms-transform: rotate(-0deg);
  863. transform: rotate(-0deg);
  864.  
  865. }
  866.  
  867. #linkers2 {
  868. background-color:{color:links};
  869. -moz-box-shadow: 0 0 10px #eee;
  870. -webkit-box-shadow: 0px 0px 10px #eee;
  871. height:10px;
  872. width:50px;
  873. text-align:right;
  874. text-transform:uppercase;
  875. left:1160px;
  876. top:350px;
  877. padding:2px;
  878. position:fixed;
  879. -moz-transform: rotate(-24deg);
  880. -webkit-transform: rotate(-24deg);
  881. -o-transform: rotate(-24deg);
  882. -ms-transform: rotate(-24deg);
  883. transform: rotate(-24deg);
  884. -webkit-transition-timing-function: ease-out;
  885. -webkit-transition-duration: .9s;
  886. -moz-transition-timing-function: ease-out;
  887. -moz-transition-duration: .9s;
  888. }
  889.  
  890. #linkers2:hover {
  891. background-color:#000;
  892. color:#fff;
  893. -moz-box-shadow: 0 0 10px #eee;
  894. -webkit-box-shadow: 0px 0px 10px #eee;
  895. height:10px;
  896. width:50px;
  897. text-align:right;
  898. text-transform:uppercase;
  899. padding-left:14px;
  900. -moz-transform: rotate(-0deg);
  901. -webkit-transform: rotate(-0deg);
  902. -o-transform: rotate(-0deg);
  903. -ms-transform: rotate(-0deg);
  904. transform: rotate(-0deg);
  905. }
  906.  
  907. #linkers3 {
  908. background-color:{color:links};
  909. -moz-box-shadow: 0 0 10px #eee;
  910. -webkit-box-shadow: 0px 0px 10px #eee;
  911. height:10px;
  912. width:50px;
  913. text-align:right;
  914. text-transform:uppercase;
  915. left:1160px;
  916. top:380px;
  917. padding:2px;
  918. position:fixed;
  919. -moz-transform: rotate(-24deg);
  920. -webkit-transform: rotate(-24deg);
  921. -o-transform: rotate(-24deg);
  922. -ms-transform: rotate(-24deg);
  923. transform: rotate(-24deg);
  924. -webkit-transition-timing-function: ease-out;
  925. -webkit-transition-duration: .9s;
  926. -moz-transition-timing-function: ease-out;
  927. -moz-transition-duration: .9s;
  928. }
  929.  
  930. #linkers3:hover {
  931. background-color:#000;
  932. color:#fff;
  933. -moz-box-shadow: 0 0 10px #eee;
  934. -webkit-box-shadow: 0px 0px 10px #eee;
  935. height:10px;
  936. width:50px;
  937. text-align:right;
  938. text-transform:uppercase;
  939. padding-left:14px;
  940. -moz-transform: rotate(-0deg);
  941. -webkit-transform: rotate(-0deg);
  942. -o-transform: rotate(-0deg);
  943. -ms-transform: rotate(-0deg);
  944. transform: rotate(-0deg);
  945. }
  946.  
  947. #linkers4 {
  948. background-color:{color:links};
  949. -moz-box-shadow: 0 0 10px #eee;
  950. -webkit-box-shadow: 0px 0px 10px #eee;
  951. height:10px;
  952. width:50px;
  953. text-align:right;
  954. text-transform:uppercase;
  955. left:1160px;
  956. top:410px;
  957. padding:2px;
  958. position:fixed;
  959. -moz-transform: rotate(-24deg);
  960. -webkit-transform: rotate(-24deg);
  961. -o-transform: rotate(-24deg);
  962. -ms-transform: rotate(-24deg);
  963. transform: rotate(-24deg);
  964. -webkit-transition-timing-function: ease-out;
  965. -webkit-transition-duration: .9s;
  966. -moz-transition-timing-function: ease-out;
  967. -moz-transition-duration: .9s;
  968. }
  969.  
  970. #linkers4:hover {
  971. background-color:#000;
  972. color:#fff;
  973. -moz-box-shadow: 0 0 10px #eee;
  974. -webkit-box-shadow: 0px 0px 10px #eee;
  975. height:10px;
  976. width:50px;
  977. text-align:right;
  978. text-transform:uppercase;
  979. padding-left:14px;
  980. -moz-transform: rotate(-0deg);
  981. -webkit-transform: rotate(-0deg);
  982. -o-transform: rotate(-0deg);
  983. -ms-transform: rotate(-0deg);
  984. transform: rotate(-0deg);
  985. }
  986.  
  987. #themeby {
  988. opacity:.6;
  989. color:#fff;
  990. bottom:2px;
  991. left:2px;
  992. position:fixed;
  993. text-transform:uppercase;
  994. }
  995.  
  996. ::-webkit-scrollbar {
  997. width: 10px;
  998. height: 4px;
  999. background: #ffffff;
  1000. background-repeat: repeat-y;
  1001.  background-attachment: fixed;
  1002. }
  1003.  
  1004. ::-webkit-scrollbar-thumb {
  1005. background-image:url('http://1.bp.blogspot.com/-LjoSccgnxQc/TmeAxXtuQVI/AAAAAAAAHzw/VhrXJVaPER8/s1600/medium-black-theme.jpg');
  1006.  -webkit-border-radius: 2ex; }
  1007.  
  1008. </style>
  1009. </head>
  1010.  
  1011. <body>
  1012. <div id="spinningbox"><center>Other links<p><div style="border-bottom:1px dotted #fff;margin-bottom:6px;">
  1013. <a href="{text:LINK1URLHERE}">{text:LINKTITLE1HERE}</a></div><div style="border-bottom:1px dotted #fff;margin-bottom:6px;">
  1014. <a href="{text:LINK2URLHERE}">{text:LINKTITLE2HERE}</a></div><div style="border-bottom:1px dotted #fff;margin-bottom:6px;">
  1015. <a href="{text:LINK3URLHERE}">{text:LINKTITLE3HERE}</a></div><div style="border-bottom:1px dotted #fff;margin-bottom:6px;">
  1016. <a href="{text:LINK4URLHERE}">{text:LINKTITLE4HERE}</a>
  1017. </div></p></center></div>
  1018. <div id="themeby">theme by: <a href="http://leshistoire.tumblr.com">les histoire. ♥</a>
  1019. <div id="linkers"><a href="/">Refresh</a></div>
  1020. <div id="linkers2"><a href="/ask">Ask</a></div>
  1021. <div id="linkers3"><a href="/arhive">Archive</a></div>
  1022. <div id="linkers4"><a href="http://leshistoire.tumblr.com">Theme</a></div>
  1023. </div>
  1024. <div id="mainbar">
  1025. <div id="title">{title} ||</div>
  1026. <div id="box"><div class="descrip">{description}</div><img src="{image:sidebar}" width="250"></div>
  1027. <div class = "autopagerize_page_element" >
  1028. {block:Posts}
  1029.  
  1030. <table width="1010" border="0" align="center" cellspacing="0px" cellpadding="0px">
  1031. <tr>
  1032. <div id="entry2"><div id="entry">
  1033.  
  1034. {block:IndexPage}<div class="permalink"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a> notes</div><div class="permalink2"><a href="{ReblogURL}" title="Reblog!" target="_blank">Re-dream</a></div>{/block:IndexPage}
  1035.  
  1036. {block:Text}
  1037. {block:Title}<div class="text"><center>{Title}</center></div>{/block:Title}
  1038. <center><img src="http://25.media.tumblr.com/tumblr_lywhnkO8kE1r77gqoo1_250.png"></center>
  1039. {Body}
  1040. {/block:Text}
  1041. {block:Photo}
  1042. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  1043. {/block:Photo}
  1044.  
  1045. {block:Photoset}
  1046. {Photoset-400}{block:caption}{caption}{/block:caption}
  1047. {/block:photoset}
  1048.  
  1049. {block:Quote}<center><div class="quote">"{Quote}"</div></center><br>
  1050. {block:Source}<left><b>- {Source}</b></left>{/block:Source}
  1051. {/block:Quote}
  1052.  
  1053. {block:Link}
  1054. <div class="link"><a href="{URL}" target="_blank">{Name} →</a></div>
  1055. {block:Description}{Description}{/block:Description}
  1056. {/block:Link}
  1057.  
  1058. {block:Answer}<div style=" background-color: #fcfcfc; padding: 5px; border: 1px solid #eeeeee;padding-bottom:10px;">{Asker} <i>whispered:</i> <strong>{Question}</strong></div>
  1059. <p>{Answer}</p>{/block:Answer}
  1060.  
  1061. {block:Chat}
  1062. {block:Title}<div class="text">{Title}</div>{/block:Title}
  1063. {block:Lines}
  1064. {block:Label}
  1065. <b>{Label}</b>
  1066. {/block:Label}
  1067. <i>{Line}</i><br>
  1068. {/block:Lines}
  1069. {/block:Chat}
  1070.  
  1071. {block:Audio}<center>
  1072. {AudioPlayerBlack}
  1073. {/block:Audio}
  1074.  
  1075. {block:Video}
  1076. {Video-400}
  1077. {block:Caption}{Caption}{/block:Caption}
  1078. {/block:Video}
  1079.  
  1080.  
  1081. {block:PermalinkPage}
  1082. {/block:PermalinkPage}
  1083. {block:PostNotes}
  1084. {PostNotes}
  1085. {/block:PostNotes}
  1086.  
  1087. </td>
  1088. </tr>
  1089. </table>
  1090. {/block:Posts}
  1091.  
  1092. </div></div></div>
  1093.  
  1094. </body>
  1095. </html>
create a new version of this paste RAW Paste Data