API tools faq
paste
sweetcandyskittles

Ribbons of hope theme! :D

sweetcandyskittles
Apr 27th, 2012
5,701
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.15 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!-- RIBBONS OF HOPE 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. :) Thank you backgroundlabs for the backgrounds. -->
  3.  
  4. <head>
  5. <title>{title}</title>
  6. <meta name="color:Links" content="#7f5a58">
  7. <meta name="color:Hover" content="#dddddd">
  8. <link rel="shortcut icon" href="http://i12.photobucket.com/albums/a213/superkate_2468/favicon-5-1.png">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  16. <script>
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  20.  
  21. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  22.  
  23. <script type="text/javascript">
  24.  
  25. // <![CDATA[
  26.  
  27. var colour="#C48189";
  28.  
  29. var colour3="#FBBBB9";
  30.  
  31. var colour5="#C48189"
  32.  
  33. var sparkles=50;
  34.  
  35.  
  36.  
  37. /******************************
  38.  
  39. * Tinkerbell Magic Sparkle *
  40.  
  41. * (c) 2005 mf2fm web-design *
  42.  
  43. * http://www.mf2fm.com/rv *
  44.  
  45. * Generated at pnoyonline.com *
  46.  
  47. * tumblr layouts - pnoyonline *
  48.  
  49. * DON'T EDIT BELOW THIS BOX *
  50.  
  51. ****************************/
  52.  
  53. var x=ox=400;
  54.  
  55. var y=oy=300;
  56.  
  57. var swide=800;
  58.  
  59. var shigh=600;
  60.  
  61. var sleft=sdown=0;
  62.  
  63. var tiny=new Array();
  64.  
  65. var star=new Array();
  66.  
  67. var starv=new Array();
  68.  
  69. var starx=new Array();
  70.  
  71. var stary=new Array();
  72.  
  73. var tinyx=new Array();
  74.  
  75. var tinyy=new Array();
  76.  
  77. var tinyv=new Array();
  78.  
  79.  
  80.  
  81. window.onload=function() { if (document.getElementById) {
  82.  
  83. var i, rats, rlef, rdow;
  84.  
  85. for (var i=0; i<sparkles; i++) {
  86.  
  87. var rats=createDiv(3, 3);
  88.  
  89. rats.style.visibility="hidden";
  90.  
  91. document.body.appendChild(tiny[i]=rats);
  92.  
  93. starv[i]=0;
  94.  
  95. tinyv[i]=0;
  96.  
  97. var rats=createDiv(5, 5);
  98.  
  99. var rats=createDiv3(5, 5);
  100.  
  101.  
  102.  
  103. rats.style.backgroundColor="transparent";
  104.  
  105. rats.style.visibility="hidden";
  106.  
  107. var rlef=createDiv(1, 5);
  108.  
  109. var rlef=createDiv3(1, 5);
  110.  
  111. var rdow=createDiv(5, 1);
  112.  
  113. var rdow=createDiv3(5, 1);
  114.  
  115. rats.appendChild(rlef);
  116.  
  117. rats.appendChild(rdow);
  118.  
  119. rlef.style.top="2px";
  120.  
  121. rlef.style.left="0px";
  122.  
  123. rdow.style.top="0px";
  124.  
  125. rdow.style.left="2px";
  126.  
  127. document.body.appendChild(star[i]=rats);
  128.  
  129. }
  130.  
  131. set_width();
  132.  
  133. sparkle();
  134.  
  135. }}
  136.  
  137.  
  138.  
  139. function sparkle() {
  140.  
  141. var c;
  142.  
  143. if (x!=ox || y!=oy) {
  144.  
  145. ox=x;
  146.  
  147. oy=y;
  148.  
  149. for (c=0; c<sparkles; c++) if (!starv[c]) {
  150.  
  151. star[c].style.left=(starx[c]=x)+"px";
  152.  
  153. star[c].style.top=(stary[c]=y)+"px";
  154.  
  155. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  156.  
  157. star[c].style.visibility="visible";
  158.  
  159. starv[c]=50;
  160.  
  161. break;
  162.  
  163. }
  164.  
  165. }
  166.  
  167. for (c=0; c<sparkles; c++) {
  168.  
  169. if (starv[c]) update_star(c);
  170.  
  171. if (tinyv[c]) update_tiny(c);
  172.  
  173. }
  174.  
  175. setTimeout("sparkle()", 40);
  176.  
  177. }
  178.  
  179.  
  180.  
  181. function update_star(i) {
  182.  
  183. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  184.  
  185. if (starv[i]) {
  186.  
  187. stary[i]+=1+Math.random()*3;
  188.  
  189. if (stary[i]<shigh+sdown) {
  190.  
  191. star[i].style.top=stary[i]+"px";
  192.  
  193. starx[i]+=(i%5-2)/5;
  194.  
  195. star[i].style.left=starx[i]+"px";
  196.  
  197. }
  198.  
  199. else {
  200.  
  201. star[i].style.visibility="hidden";
  202.  
  203. starv[i]=0;
  204.  
  205. return;
  206.  
  207. }
  208.  
  209. }
  210.  
  211. else {
  212.  
  213. tinyv[i]=50;
  214.  
  215. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  216.  
  217. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  218.  
  219. tiny[i].style.width="2px";
  220.  
  221. tiny[i].style.height="2px";
  222.  
  223. star[i].style.visibility="hidden";
  224.  
  225. tiny[i].style.visibility="visible"
  226.  
  227. }
  228.  
  229. }
  230.  
  231.  
  232.  
  233. function update_tiny(i) {
  234.  
  235. if (--tinyv[i]==25) {
  236.  
  237. tiny[i].style.width="1px";
  238.  
  239. tiny[i].style.height="1px";
  240.  
  241. }
  242.  
  243. if (tinyv[i]) {
  244.  
  245. tinyy[i]+=1+Math.random()*3;
  246.  
  247. if (tinyy[i]<shigh+sdown) {
  248.  
  249. tiny[i].style.top=tinyy[i]+"px";
  250.  
  251. tinyx[i]+=(i%5-2)/5;
  252.  
  253. tiny[i].style.left=tinyx[i]+"px";
  254.  
  255. }
  256.  
  257. else {
  258.  
  259. tiny[i].style.visibility="hidden";
  260.  
  261. tinyv[i]=0;
  262.  
  263. return;
  264.  
  265. }
  266.  
  267. }
  268.  
  269. else tiny[i].style.visibility="hidden";
  270.  
  271. }
  272.  
  273.  
  274.  
  275. document.onmousemove=mouse;
  276.  
  277. function mouse(e) {
  278.  
  279. set_scroll();
  280.  
  281. y=(e)?e.pageY:event.y+sdown;
  282.  
  283. x=(e)?e.pageX:event.x+sleft;
  284.  
  285. }
  286.  
  287.  
  288.  
  289. function set_scroll() {
  290.  
  291. if (typeof(self.pageYOffset)=="number") {
  292.  
  293. sdown=self.pageYOffset;
  294.  
  295. sleft=self.pageXOffset;
  296.  
  297. }
  298.  
  299. else if (document.body.scrollTop ||
  300.  
  301.  
  302.  
  303. document.body.scrollLeft) {
  304.  
  305. sdown=document.body.scrollTop;
  306.  
  307. sleft=document.body.scrollLeft;
  308.  
  309. }
  310.  
  311. else if (document.documentElement &&
  312.  
  313.  
  314.  
  315. (document.documentElement.scrollTop ||
  316.  
  317.  
  318.  
  319. document.documentElement.scrollLeft)) {
  320.  
  321. sleft=document.documentElement.scrollLeft;
  322.  
  323. sdown=document.documentElement.scrollTop;
  324.  
  325. }
  326.  
  327. else {
  328.  
  329. sdown=0;
  330.  
  331. sleft=0;
  332.  
  333. }
  334.  
  335. }
  336.  
  337.  
  338.  
  339. window.onresize=set_width;
  340.  
  341. function set_width() {
  342.  
  343. if (typeof(self.innerWidth)=="number") {
  344.  
  345. swide=self.innerWidth;
  346.  
  347. shigh=self.innerHeight;
  348.  
  349. }
  350.  
  351. else if (document.documentElement &&
  352.  
  353.  
  354.  
  355. document.documentElement.clientWidth) {
  356.  
  357. swide=document.documentElement.clientWidth;
  358.  
  359. shigh=document.documentElement.clientHeight;
  360.  
  361. }
  362.  
  363. else if (document.body.clientWidth) {
  364.  
  365. swide=document.body.clientWidth;
  366.  
  367. shigh=document.body.clientHeight;
  368.  
  369. }
  370.  
  371. }
  372.  
  373. /******************************
  374.  
  375. * Modified by *
  376.  
  377. * pnoyonline.com *
  378.  
  379. * Generated at pnoyonline.com *
  380.  
  381. * tumblr layouts - pnoyonline *
  382.  
  383. ****************************/
  384.  
  385. function createDiv(height, width) {
  386.  
  387. var div=document.createElement("div");
  388.  
  389. div.style.position="absolute";
  390.  
  391. div.style.height=height+"px";
  392.  
  393. div.style.width=width+"px";
  394.  
  395. div.style.overflow="hidden";
  396.  
  397. div.style.backgroundColor=colour;
  398.  
  399. return (div);
  400.  
  401. }
  402.  
  403.  
  404.  
  405.  
  406.  
  407. function createDiv3(height, width) {
  408.  
  409. var div=document.createElement("div");
  410.  
  411. div.style.position="absolute";
  412.  
  413. div.style.height=height+"px";
  414.  
  415. div.style.width=width+"px";
  416.  
  417. div.style.overflow="hidden";
  418.  
  419. div.style.backgroundColor=colour3;
  420.  
  421. return (div);
  422.  
  423. }
  424.  
  425. // ]]>
  426.  
  427. </script>
  428.  
  429. <script language=JavaScript>
  430.  
  431. <!--
  432. //Disable right mouse click Script
  433. //By Maximus ([email protected]) w/ mods by DynamicDrive
  434. //For full source code, visit http://www.dynamicdrive.com
  435.  
  436. var message="";
  437.  
  438. ///////////////////////////////////
  439. function clickIE4(){
  440. if (event.button==2){
  441. alert(message);
  442. return false;
  443. }
  444. }
  445.  
  446. function clickNS4(e){
  447. if (document.layers||document.getElementById&&!document.all){
  448. if (e.which==2|e.which==3){
  449. alert(message);
  450. return false;
  451. }
  452. }
  453. }
  454.  
  455. if (document.layers){
  456. document.captureEvents(Event.MOUSEDOWN);
  457. document.onmousedown=clickNS4;
  458. }
  459. else if (document.all&&!document.getElementById){
  460. document.onmousedown=clickIE4;
  461. }
  462.  
  463. document.oncontextmenu=new Function("return false")
  464.  
  465. // -->
  466. </script>
  467.  
  468.  
  469.  
  470. <style type="text/css">
  471.  
  472. body {
  473. background-image:url('http://26.media.tumblr.com/tumblr_lz8030VZa51rnpeyto1_250.png');
  474. background-color:#fff;
  475. background-attachment:fixed;
  476. background-repeat:repeat;
  477. color:{color:Body font};
  478. font-family:trebuchet MS;
  479. font-size:10px;
  480. line-height:11px;
  481. }
  482.  
  483. a, a:link, a:visited, a:active {
  484. color: {color:Links};
  485. text-decoration: none;
  486. -webkit-transition-timing-function: ease-out;
  487. -webkit-transition-duration: 0.5s;
  488. -moz-transition-timing-function: ease-out;
  489. -moz-transition-duration: 0.5s;
  490. }
  491.  
  492. a:hover {
  493. color: {color:Hover};
  494. background-color: transparent;
  495. -webkit-transition-timing-function: ease-out;
  496. -webkit-transition-duration: 0.5s;
  497. -moz-transition-timing-function: ease-out;
  498. -moz-transition-duration: 0.5s;
  499. text-decoration:none;
  500. }
  501.  
  502. #paging a {
  503. text-align:center;
  504. display:inline-block;
  505. color: #000;
  506. background-color: #fff;
  507. -webkit-transition-timing-function: ease-out;
  508. -webkit-transition-duration: 0.5s;
  509. -moz-transition-timing-function: ease-out;
  510. -moz-transition-duration: 0.5s;
  511. padding:3px;
  512. }
  513.  
  514. #paging a:hover {
  515. text-align:center;
  516. color: #000;
  517. background-color: #eee;
  518. -webkit-transition-timing-function: ease-out;
  519. -webkit-transition-duration: 0.5s;
  520. -moz-transition-timing-function: ease-out;
  521. -moz-transition-duration: 0.5s;
  522. text-align:center;
  523. border:2px solid #CFECEC;
  524. }
  525.  
  526. #paging a span {
  527. line-height:10px;
  528. }
  529.  
  530. .hoverlink2 {
  531. border-radius:50px;
  532. background: #FBBBB9;
  533. width:90px;
  534. height:15px;
  535. margin-left:2px;
  536. text-align:center;
  537. padding-top:6px;
  538. font-color:#fff;
  539. margin-bottom:10px;
  540. -webkit-transition-timing-function: ease-out;
  541. -webkit-transition-duration: .7s;
  542. -moz-transition-timing-function: ease-out;
  543. -moz-transition-duration: .7s;
  544. text-transform:uppercase;
  545. }
  546.  
  547. .hoverlink2:hover {
  548. border-radius:0px;
  549. background-color:#C48793;
  550. width:90px;
  551. height:15px;
  552. margin-left:2px;
  553. text-align:center;
  554. padding-top:6px;
  555. -webkit-transition-timing-function: ease-out;
  556. -webkit-transition-duration: .3s;
  557. -moz-transition-timing-function: ease-out;
  558. -moz-transition-duration: .3s;
  559. moz-box-shadow: 0 0 1px #E799A3;
  560. -webkit-box-shadow: 0 0 8px #C48793;
  561. }
  562. .hoverlink {
  563. border-radius:50px;
  564. background: #FBBBB9;
  565. width:45px;
  566. height:20px;
  567. margin-left:2px;
  568. text-align:center;
  569. padding-top:8px;
  570. font-color:#fff;
  571. margin-bottom:10px;
  572. -webkit-transition-timing-function: ease-out;
  573. -webkit-transition-duration: .7s;
  574. -moz-transition-timing-function: ease-out;
  575. -moz-transition-duration: .7s;
  576. text-transform:uppercase;
  577. }
  578.  
  579. .hoverlink:hover {
  580. border-radius:0px;
  581. background-color:#C48793;
  582. width:45px;
  583. height:20px;
  584. margin-left:2px;
  585. text-align:center;
  586. padding-top:8px;
  587. -moz-transform: rotate(360deg);
  588. -webkit-transform: rotate(360deg);
  589. -o-transform: rotate(360deg);
  590. -ms-transform: rotate(360deg);
  591. transform: rotate(360deg);
  592. -webkit-transition-timing-function: ease-out;
  593. -webkit-transition-duration: .7s;
  594. -moz-transition-timing-function: ease-out;
  595. -moz-transition-duration: .7s;
  596. moz-box-shadow: 0 0 1px #E799A3;
  597. -webkit-box-shadow: 0 0 8px #C48793;
  598. }
  599.  
  600. .circlelink {
  601. left:6px;
  602. border-radius:100px;
  603. bottom:5px;
  604. background: #FBBBB9;
  605. width:70px;
  606. height:40px;
  607. margin-left:2px;
  608. text-align:center;
  609. font-color:#fff;
  610. margin-bottom:10px;
  611. padding-top:30px;
  612. -webkit-transition-timing-function: ease-out;
  613. -webkit-transition-duration: .7s;
  614. -moz-transition-timing-function: ease-out;
  615. -moz-transition-duration: .7s;
  616. text-transform:uppercase;
  617. position:fixed;
  618. }
  619.  
  620. .circlelink:hover {
  621. border-radius:100px;
  622. position:fixed;
  623. background-color:transparent;
  624. width:70px;
  625. height:40px;
  626. margin-left:2px;
  627. text-align:center;
  628. padding-top:30px;
  629. -webkit-transition-timing-function: ease-out;
  630. -webkit-transition-duration: .7s;
  631. -moz-transition-timing-function: ease-out;
  632. -moz-transition-duration: .7s;
  633. moz-box-shadow: 0 0 1px #E799A3;
  634. -webkit-box-shadow: 0 0 8px #C48793;
  635. }
  636. .circlelink2 {
  637. left:66px;
  638. background-color:transparent;
  639. border-radius:100px;
  640. bottom:5px;
  641. width:70px;
  642. height:40px;
  643. margin-left:2px;
  644. text-align:center;
  645. font-color:#fff;
  646. margin-bottom:10px;
  647. padding-top:30px;
  648. -webkit-transition-timing-function: ease-out;
  649. -webkit-transition-duration: .7s;
  650. -moz-transition-timing-function: ease-out;
  651. -moz-transition-duration: .7s;
  652. text-transform:uppercase;
  653. position:fixed;
  654. moz-box-shadow: 0 0 1px #E799A3;
  655. -webkit-box-shadow: 0 0 8px #C48793;
  656. }
  657.  
  658. .circlelink2:hover {
  659. border-radius:100px;
  660. position:fixed;
  661. background: #FBBBB9;
  662. width:70px;
  663. height:40px;
  664. margin-left:2px;
  665. text-align:center;
  666. padding-top:30px;
  667. -webkit-transition-timing-function: ease-out;
  668. -webkit-transition-duration: .7s;
  669. -moz-transition-timing-function: ease-out;
  670. -moz-transition-duration: .7s;
  671. }
  672. #entry2 {
  673. top:100px;
  674. float:right;
  675. width:410px;
  676. padding:10px;
  677. margin-bottom:20px;
  678. background:url('http://26.media.tumblr.com/tumblr_l9nwvthXb31qcdtsho1_250.gif');
  679. padding-right:10px;
  680. moz-box-shadow: 0 0 1px #E799A3;
  681. -webkit-box-shadow: 0 0 8px #C48793;
  682. }
  683.  
  684. #linkbar {
  685. moz-box-shadow: 0 0 1px #E799A3;
  686. -webkit-box-shadow: 0 0 8px #C48793;
  687. top:-2px;
  688. left:380px;
  689. position:fixed;
  690. border-left:6px double #FBBBB9;
  691. border-right:6px double #FBBBB9;
  692. border-bottom:5px solid #FBBBB9;
  693. border-bottom-right-radius:20px;
  694. border-bottom-left-radius:20px;
  695. width:50px;
  696. height:auto;
  697. margin-bottom:40px;
  698. padding-top:10px;
  699. background:#FFF;
  700. background-repeat:repeat;
  701. }
  702.  
  703. #pagingbar {
  704. bottom:140px;
  705. left:980px;
  706. position:fixed;
  707. border-left:6px double #FBBBB9;
  708. border-right:6px double #FBBBB9;
  709. border-bottom:5px solid #FBBBB9;
  710. border-top:5px solid #FBBBB9;
  711. width:50px;
  712. height:15px;
  713. margin-bottom:40px;
  714. padding-top:10px;
  715. background:#FFF;
  716. background-repeat:repeat;
  717. }
  718.  
  719. #linkbar2 {
  720. moz-box-shadow: 0 0 1px #E799A3;
  721. -webkit-box-shadow: 0 0 8px #C48793;
  722. bottom:-39px;
  723. left:980px;
  724. position:fixed;
  725. border-left:6px double #FBBBB9;
  726. border-right:6px double #FBBBB9;
  727. border-top:5px solid #FBBBB9;
  728. border-top-right-radius:20px;
  729. border-top-left-radius:20px;
  730. width:50px;
  731. height:158px;
  732. margin-bottom:40px;
  733. padding-top:10px;
  734. background:#FFF;
  735. background-repeat:repeat;
  736. }
  737.  
  738. #entry {
  739. float:right;
  740. width:400px;
  741. padding:4px;
  742. background-color:#fff;
  743. border:1px dotted #a3a3a3;
  744.  
  745. }
  746.  
  747. #entry .permalink {
  748. opacity:0;
  749. width:270px;
  750. height:15px;
  751. font-family:'trebuchet MS';
  752. line-height:15px;
  753. margin-top:-5px;
  754. font-size:9px;
  755. -webkit-transition-timing-function: ease-out;
  756. -webkit-transition-duration: .3s;
  757. -moz-transition-timing-function: ease-out;
  758. -moz-transition-duration: .3s;
  759. position:absolute;
  760. text-transform:uppercase;
  761. background-color: #FBBBB9;
  762. letter-spacing:2px;
  763. text-align:center;
  764. overflow:hidden;
  765. }
  766.  
  767. #entry:hover .permalink {
  768. width:120px;
  769. opacity:.9;
  770. margin-top:0px;
  771. text-align:center;
  772. margin-left:-15px;
  773. padding-right:3px;
  774. color:#fff;
  775. margin-top:2px;
  776. -webkit-transition-timing-function: ease-out;
  777. -webkit-transition-duration: .9s;
  778. -moz-transition-timing-function: ease-out;
  779. -moz-transition-duration: .9s;
  780. line-height:16px;
  781. height:15px;
  782. overflow:visible;
  783. -moz-box-shadow: 0 0 10px #000;
  784. -webkit-box-shadow: 0px 0px 6px #000;
  785. }
  786.  
  787. #entry .permalink2 {
  788. opacity:0;
  789. width:270px;
  790. height:15px;
  791. font-family:'trebuchet MS';
  792. line-height:15px;
  793. margin-left:84px;
  794. margin-top:-5px;
  795. font-size:9px;
  796. -webkit-transition-timing-function: ease-out;
  797. -webkit-transition-duration: .3s;
  798. -moz-transition-timing-function: ease-out;
  799. -moz-transition-duration: .3s;
  800. position:absolute;
  801. text-transform:uppercase;
  802. background-color:#fff;
  803. letter-spacing:2px;
  804. text-align:center;
  805. overflow:hidden;
  806. }
  807.  
  808. #entry:hover .permalink2 {
  809. width:135px;
  810. opacity:.9;
  811. margin-top:0px;
  812. text-align:center;
  813. margin-left:84px;
  814. padding-right:3px;
  815. color:#000;
  816. left:-10px;
  817. margin-top:20px;
  818. -webkit-transition-timing-function: ease-out;
  819. -webkit-transition-duration: .9s;
  820. -moz-transition-timing-function: ease-out;
  821. -moz-transition-duration: .9s;
  822. line-height:16px;
  823. height:15px;
  824. overflow:visible;
  825. -moz-box-shadow: 0 0 10px #000;
  826. -webkit-box-shadow: 0px 0px 6px #000;
  827. }
  828.  
  829. .text {
  830. font-family: 'Allura', cursive;
  831. font-size:23px;
  832. line-height:28px;
  833. }
  834.  
  835. .quote {
  836. font-family: 'Dawning of a new day', cursive;
  837. font-size:23px;
  838. line-height:28px;
  839. }
  840.  
  841. .link {
  842. font-family:'Amatic SC';
  843. font-size:28px;
  844. line-height:19px;
  845. text-align:center;
  846. }
  847.  
  848. #descrip {
  849. text-align:justify;
  850.  
  851. padding:3px;
  852. margin-top:2px;
  853. margin-bottom:4px;
  854. margin-left:2px;
  855. margin-right:2px;
  856. height:auto;
  857. overflow:hidden;
  858. }
  859.  
  860. .title {
  861. font-size:25px;
  862. letter-spacing:1px;
  863. text-align:center;
  864. line-height:24px;
  865. color:#aeaeae;
  866. font-family: 'Euphoria Script', cursive;
  867. }
  868.  
  869. #head {
  870. top:-1ox;
  871. height:30px;
  872.  
  873. padding-bottom:4px;
  874.  
  875. position:absolute;
  876.  
  877. z-index:1;
  878.  
  879. width:100%;
  880.  
  881. }
  882.  
  883. #mainbar {
  884. top:20px;
  885. margin:auto;
  886. position:relative;
  887. width:504px;
  888. overflow:hidden;
  889. }
  890.  
  891. header {
  892. text-align: center;
  893. background: transparent;
  894. font-size: 6.5pt;
  895. color: #d5a9a7;
  896. font-family: trebuchet ms;
  897. text-transform: uppercase;
  898. letter-spacing: 5px; fixed;
  899. opacity: 100;
  900. padding: 3px;
  901. line-height: 12px;
  902. margin-bottom: 7px;
  903. border-bottom: 3px dotted #aeaeae;
  904. }
  905.  
  906.  
  907. .links {
  908. width: 150px;
  909. height: 20px;
  910. background-color: #fff;
  911. font-size:8.5px;
  912. letter-spacing:0px;
  913. line-height:15px;
  914. text-align:center;
  915. margin-top:4x;
  916. margin-left:5px;
  917. -webkit-transition-duration: .6s;
  918. border-top-right-radius:70px;
  919. border-bottom-right-radius:0px;
  920. border-top-left-radius:0px;
  921. border-bottom-left-radius:70px;
  922. -moz-box-shadow: 0 0 1px #8A8A8A;
  923. -webkit-box-shadow: 0 0 4px#8A8A8A;
  924. display: inline-block;
  925. }
  926.  
  927. .links:hover {
  928. background-color: #868585;
  929. -webkit-transition-duration: .9s;
  930. border-top:3px solid #fff;
  931. border-top-right-radius:0px;
  932. border-bottom-right-radius:70px;
  933. border-top-left-radius:70px;
  934. border-bottom-left-radius:0px;
  935. }
  936.  
  937. #box2 {
  938. margin-top:-1px;
  939. margin-left:74px;
  940. height:auto;
  941. width:1px;
  942. padding:3px;
  943. background:url('http://26.media.tumblr.com/tumblr_l9nwvthXb31qcdtsho1_250.gif');
  944. margin-bottom:20px;
  945. padding-top:8px;
  946. padding-bottom:8px;
  947. opacity:.3;
  948. -webkit-transition-timing-function: ease-out;
  949. -webkit-transition-duration: .7s;
  950. -moz-transition-timing-function: ease-out;
  951. -moz-transition-duration: .7s;
  952. }
  953.  
  954. #box2:hover {
  955. opacity:1;
  956. width:500px;
  957. moz-box-shadow: 0 0 1px #E799A3;
  958. -webkit-box-shadow: 0 0 8px #C48793;
  959. }
  960.  
  961. #box {
  962. width:405px;
  963. height:auto;
  964. padding:3px;
  965. background:#FFF;
  966. background-repeat:repeat;
  967. margin-left:7px;
  968. }
  969.  
  970. #aa{
  971. moz-box-shadow: 0 0 1px #E799A3;
  972. -webkit-box-shadow: 0 0 8px #C48793;
  973. position:fixed !important;
  974. left:287px; padding-top:6px;
  975. top: 256px;
  976. padding-bottom:14px;
  977. padding-top:15px;
  978. text-align:center;
  979. height:7px;
  980. width:79px;
  981. overflow:hidden;
  982. border:4px solid #FBBBB9;
  983. border-bottom:15px solid #FBBBB9;
  984. -webkit-transition: opacity 0.7s linear;
  985. -webkit-transition: all 0.7s ease-in-out;
  986. -moz-transition: all 0.7s ease-in-out;
  987. -o-transition: all 0.7s ease-in-out;
  988. -moz-transform: rotate(-14deg);
  989. -webkit-transform: rotate(-14deg);
  990. -o-transform: rotate(-14deg);
  991. -ms-transform: rotate(-14deg);
  992. transform: rotate(-14deg);
  993. background: #fff;
  994. z-index:999;
  995. color:#7f5a58;
  996.  
  997. }
  998.  
  999. #aa:hover{
  1000. top:70px;
  1001. border:5px double #FBBBB9;
  1002. padding:5px;
  1003. height:360px;
  1004. width:120px;
  1005. -moz-transform: rotate(-0deg);
  1006. -webkit-transform: rotate(-0deg);
  1007. -o-transform: rotate(-0deg);
  1008. -ms-transform: rotate(-0deg);
  1009. transform: rotate(-0deg);
  1010. }
  1011.  
  1012. #bb2{
  1013. moz-box-shadow: 0 0 1px #E799A3;
  1014. -webkit-box-shadow: 0 0 8px #C48793;
  1015. position:fixed !important;
  1016. left:193px; padding-top:6px;
  1017. top: 190px;
  1018. padding-bottom:14px;
  1019. padding-top:15px;
  1020. text-align:center;
  1021. height:7px;
  1022. width:79px;
  1023. overflow:hidden;
  1024. border:4px solid #FBBBB9;
  1025. border-bottom:15px solid #FBBBB9;
  1026. -webkit-transition: opacity 0.7s linear;
  1027. -webkit-transition: all 0.7s ease-in-out;
  1028. -moz-transition: all 0.7s ease-in-out;
  1029. -o-transition: all 0.7s ease-in-out;
  1030. -moz-transform: rotate(10deg);
  1031. -webkit-transform: rotate(10deg);
  1032. -o-transform: rotate(10deg);
  1033. -ms-transform: rotate(10deg);
  1034. transform: rotate(10deg);
  1035. background: #fff;
  1036. z-index:999;
  1037. color:#7f5a58;
  1038.  
  1039. }
  1040.  
  1041. #bb2:hover{
  1042. border:5px double #FBBBB9;
  1043. padding:5px;
  1044. height:235px;
  1045. width:120px;
  1046. -moz-transform: rotate(0deg);
  1047. -webkit-transform: rotate(0deg);
  1048. -o-transform: rotate(0deg);
  1049. -ms-transform: rotate(0deg);
  1050. transform: rotate(0deg);
  1051.  
  1052. }
  1053.  
  1054. #cc3{
  1055.  
  1056. moz-box-shadow: 0 0 1px #E799A3;
  1057. -webkit-box-shadow: 0 0 8px #C48793;
  1058. position:fixed !important;
  1059. left:1050px; padding-top:6px;
  1060. top: 256px;
  1061. padding-bottom:14px;
  1062. padding-top:15px;
  1063. text-align:center;
  1064. height:7px;
  1065. width:79px;
  1066. overflow:hidden;
  1067. border:4px solid #FBBBB9;
  1068. border-bottom:15px solid #FBBBB9;
  1069. -webkit-transition: opacity 0.7s linear;
  1070. -webkit-transition: all 0.7s ease-in-out;
  1071. -moz-transition: all 0.7s ease-in-out;
  1072. -o-transition: all 0.7s ease-in-out;
  1073. -moz-transform: rotate(18deg);
  1074. -webkit-transform: rotate(18deg);
  1075. -o-transform: rotate(18deg);
  1076. -ms-transform: rotate(18deg);
  1077. transform: rotate(18deg);
  1078. background: #fff;
  1079. z-index:999;
  1080. color:#7f5a58;
  1081.  
  1082. }
  1083.  
  1084. #cc3:hover{
  1085. border:5px double #FBBBB9;
  1086. left:1041px;
  1087. padding:5px;
  1088.  
  1089. height:170px;
  1090.  
  1091. width:120px;
  1092.  
  1093. -moz-transform: rotate(0deg);
  1094. -webkit-transform: rotate(0deg);
  1095. -o-transform: rotate(0deg);
  1096. -ms-transform: rotate(0deg);
  1097. transform: rotate(0deg);
  1098.  
  1099. }
  1100.  
  1101. #dd4{
  1102.  
  1103. moz-box-shadow: 0 0 1px #E799A3;
  1104. -webkit-box-shadow: 0 0 8px #C48793;
  1105. position:fixed !important;
  1106. left:1142px; padding-top:6px;
  1107. top: 190px;
  1108. padding-bottom:14px;
  1109. padding-top:15px;
  1110. text-align:center;
  1111. height:7px;
  1112. width:79px;
  1113. overflow:hidden;
  1114. border:4px solid #FBBBB9;
  1115. border-bottom:15px solid #FBBBB9;
  1116. -webkit-transition: opacity 0.7s linear;
  1117. -webkit-transition: all 0.7s ease-in-out;
  1118. -moz-transition: all 0.7s ease-in-out;
  1119. -o-transition: all 0.7s ease-in-out;
  1120. -moz-transform: rotate(-24deg);
  1121. -webkit-transform: rotate(-24deg);
  1122. -o-transform: rotate(-24deg);
  1123. -ms-transform: rotate(-24deg);
  1124. transform: rotate(-24deg);
  1125. background: #fff;
  1126. z-index:999;
  1127. color:#7f5a58;
  1128.  
  1129. }
  1130.  
  1131. #dd4:hover{
  1132. border:5px double #FBBBB9;
  1133. left:1110px;
  1134. padding:5px;
  1135. height:190px;
  1136. width:170px;
  1137. text-align:justify;
  1138. -moz-transform: rotate(-0deg);
  1139. -webkit-transform: rotate(-0deg);
  1140. -o-transform: rotate(-0deg);
  1141. -ms-transform: rotate(-0deg);
  1142. transform: rotate(-0deg);
  1143.  
  1144. }
  1145.  
  1146. UL {
  1147. text-transform: uppercase;
  1148. font-size: 7px;
  1149. letter-spacing: 1px;
  1150. font-family: 'tahoma';
  1151. line-height: 9px;
  1152. list-style: square;
  1153. }
  1154.  
  1155. left
  1156. {
  1157. margin-left:5px;
  1158. }
  1159.  
  1160. ::-webkit-scrollbar {
  1161. width: 4px;
  1162. height: 30px;
  1163. background: #ffffff;
  1164. background-repeat: repeat-y;
  1165. background-attachment: fixed;
  1166. }
  1167.  
  1168. ::-webkit-scrollbar-thumb {
  1169. background:#FBBBB9;
  1170. }
  1171.  
  1172. ::-webkit-scrollbar:horizontal {
  1173. width: 30px;
  1174. height: 4px;
  1175. background: #ffffff;
  1176. background-repeat: repeat-y;
  1177. background-attachment: fixed;
  1178. }
  1179.  
  1180. ::-webkit-scrollbar-thumb:horizontal {
  1181. background:#FBBBB9;
  1182. }
  1183.  
  1184. #hoveringbox{
  1185. moz-box-shadow: 0 0 1px #E799A3;
  1186. -webkit-box-shadow: 0 0 8px #C48793;
  1187. position:fixed !important;
  1188. left:208px; padding-top:6px;
  1189. top: -70px;
  1190. padding-bottom:14px;
  1191. padding-top:15px;
  1192. text-align:center;
  1193. height:50px;
  1194. width:79px;
  1195. overflow:hidden;
  1196. border:4px solid #FBBBB9;
  1197. -webkit-transition: opacity 0.7s linear;
  1198. -webkit-transition: all 0.7s ease-in-out;
  1199. -moz-transition: all 0.7s ease-in-out;
  1200. -o-transition: all 0.7s ease-in-out;
  1201. background: #fff;
  1202. z-index:999;
  1203. color:#7f5a58;
  1204. }
  1205.  
  1206. #hoveringbox:hover{
  1207. top:20px;
  1208. border:5px double #FBBBB9;
  1209. }
  1210.  
  1211. .ropelink {
  1212. position:fixed;
  1213. left:280px;
  1214. top:-190px;
  1215. }
  1216.  
  1217. .ropelink2 {
  1218. position:fixed;
  1219. left:195px;
  1220. top:-260px;
  1221. }
  1222.  
  1223. .ropelink3 {
  1224. position:fixed;
  1225. left:1050px;
  1226. top:-190px;
  1227. }
  1228.  
  1229. .ropelink4 {
  1230. position:fixed;
  1231. left:1135px;
  1232. top:-260px;
  1233. }
  1234.  
  1235. </style>
  1236. </head>
  1237.  
  1238. <body>
  1239. <div class="ropelink"><img src="http://25.media.tumblr.com/tumblr_m2bfsbxQSq1r77gqoo1_500.png" height="450px"></div>
  1240. <div class="ropelink2"><img src="http://25.media.tumblr.com/tumblr_m2bfsbxQSq1r77gqoo1_500.png" height="450px"></div>
  1241. <div class="ropelink3"><img src="http://25.media.tumblr.com/tumblr_m2bfsbxQSq1r77gqoo1_500.png" height="450px"></div>
  1242. <div class="ropelink4"><img src="http://25.media.tumblr.com/tumblr_m2bfsbxQSq1r77gqoo1_500.png" height="450px"></div>
  1243. <div id="pagingbar"><center><div style="text-align:center;margin-bottom:5px;">
  1244. {block:previouspage}<a href="{PreviousPage}"><span>←</a></span>{/block:previouspage} <font color="#FBBBB9">♥</font>
  1245. {block:nextpage}<a href="{NextPage}"><span> →</span></a>{/block:nextpage}
  1246. </center>
  1247. </div></div><div id="head">
  1248. <!-- Link 2 -->
  1249. <div id="aa"><center>
  1250.  
  1251. LINK2<p>
  1252. <div class="hoverlink2"><a href="/tagged/fashion">Fashion</a></div>
  1253. <div class="hoverlink2"><a href="/tagged/Photography">Photography</a></div>
  1254. <div class="hoverlink2"><a href="/tagged/camera">Camera</a></div>
  1255. <div class="hoverlink2"><a href="/tagged/pastelvin">Pastel/Vintage</a></div>
  1256. <div class="hoverlink2"><a href="/tagged/Hair">Hair</a></div>
  1257. <div class="hoverlink2"><a href="/tagged/Paris">Paris</a></div>
  1258. <div class="hoverlink2"><a href="/tagged/travel">Travel</a></div>
  1259. <div class="hoverlink2"><a href="/tagged/food">Food/Drinks</a></div>
  1260. <div class="hoverlink2"><a href="/tagged/cosmetics">Cosmetics</a></div>
  1261. <div class="hoverlink2"><a href="/tagged/inspiration">Inspiration</a></div>
  1262. <div class="hoverlink2"><a href="/tagged/Others">Others</a></div>
  1263. </p>
  1264.  
  1265. </center></div></div>
  1266. <!-- Link 1 -->
  1267. <div id="bb2"><center>
  1268. LINK1<p><div class="hoverlink2"><a href="/tumblrfamily">Tumily</a></div>
  1269. <div class="hoverlink2"><a href="/blogroll">Blogroll</a></div>
  1270. <div class="hoverlink2"><a href="/tagged/sweetcandyskittles">Blog Posts</a></div> <div class="hoverlink2"><a href="/tagged/photographs">Shots</a></div>
  1271. <div class="hoverlink2"><a href="/tagged/fanmails">Fanmails!</a></div><div class="hoverlink2"><a href="/tagged/fansigns">Fansigns</a></div><div class="hoverlink2"><a href="/tagged/answered">Replies</a></div></p>
  1272.  
  1273. </center></div>
  1274. <!-- Link 3 -->
  1275. <div id="cc3"><center>
  1276. Link 3<p><div class="hoverlink2">
  1277. Put links?</center></div>
  1278. <!-- Link 4 -->
  1279. <div id="dd4"><center>LINK4<p>Put somthing heree! Anything you want.</p></center></div></div>
  1280.  
  1281. <div id="linkbar2">
  1282. <div class="hoverlink"><a href="/">HOME</a></div>
  1283. <div class="hoverlink"><a href="/ask">Ask</a></div>
  1284. <div class="hoverlink"><a href="/submit">submit</a></div>
  1285. <div class="hoverlink"><a href="http://leshistoire.tumblr.com">Theme</a></div>
  1286. </div></div>
  1287. <div id="mainbar">
  1288. <div id="box2"><div id="box">
  1289. <div class="title">{title}</div>
  1290. <header>About me:</header>
  1291. <div id="descrip">
  1292. <font color="000" size="1px">{description}</div></font>
  1293. </div></div>
  1294.  
  1295. {block:Posts}
  1296.  
  1297. <table width="1010" border="0" align="center" cellspacing="0px" cellpadding="0px">
  1298. <tr>
  1299. <div id="entry2"><div id="entry">
  1300.  
  1301. {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}
  1302.  
  1303. {block:Text}
  1304. {block:Title}<div class="text"><center>{Title}</center></div>{/block:Title}
  1305. <center><img src="http://25.media.tumblr.com/tumblr_lywhnkO8kE1r77gqoo1_250.png"></center>
  1306. {Body}
  1307. {/block:Text}
  1308.  
  1309. {block:Photo}
  1310. {LinkOpenTag}<img src="{PhotoURL-400}" style="margin-bottom:3px;-moz-border-radius:10px;-webkit-border-radius:10px;">{LinkCloseTag}
  1311. {/block:Photo}
  1312.  
  1313. {block:Photo}
  1314. {Photoset-400}
  1315. {/block:Photo}
  1316.  
  1317. {block:Quote}<center><div class="quote">"{Quote}"</div></center><br>
  1318. {block:Source}<left><b>- {Source}</b></left>{/block:Source}
  1319. {/block:Quote}
  1320.  
  1321. {block:Link}
  1322. <div class="link"><a href="{URL}" target="_blank">{Name} →</a></div>
  1323. {block:Description}{Description}{/block:Description}
  1324. {/block:Link}
  1325.  
  1326. {block:Answer}<div style=" background-color: #fcfcfc; padding: 5px; border: 1px solid #eeeeee;padding-bottom:10px;">{Asker} <i>whispered:</i> <strong>{Question}</strong></div>
  1327. <p>{Answer}</p>{/block:Answer}
  1328.  
  1329. {block:Chat}
  1330. {block:Title}<div class="text">{Title}</div>{/block:Title}
  1331. {block:Lines}
  1332. {block:Label}
  1333. <b>{Label}</b>
  1334. {/block:Label}
  1335. <i>{Line}</i><br>
  1336. {/block:Lines}
  1337. {/block:Chat}
  1338.  
  1339. {block:Audio}<center>
  1340. {AudioPlayerBlack}
  1341. {/block:Audio}
  1342.  
  1343. {block:Video}
  1344. {Video-400}
  1345. {block:Caption}{Caption}{/block:Caption}
  1346. {/block:Video}
  1347.  
  1348.  
  1349. {block:PermalinkPage}
  1350. {/block:PermalinkPage}
  1351. {block:PostNotes}
  1352. {PostNotes}
  1353. {/block:PostNotes}
  1354.  
  1355. </td>
  1356. </tr>
  1357. </table>
  1358. {/block:Posts}
  1359. </div></div>
  1360. <!-- Flickr&Twitter -->
  1361. <div class="circlelink"><a href="FLICKR URL">Flickr</a></div>
  1362. <div class="circlelink2"><a href="TWITTER URL">Twitter</div></a>
  1363. </body>
  1364. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!