API tools faq
paste
Advertisement
sweetcandyskittles

Simplicity theme

sweetcandyskittles
Feb 12th, 2012
3,082
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.34 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!-- SIMPLICITY 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. <meta name="image:Background image" content="http://29.media.tumblr.com/tumblr_liegdt512j1qcdtsho1_400.png">
  8. <meta name="color:Background" content="#fff">
  9. <meta name="color:Body" content="#000000">
  10. <meta name="color:sidebar" content="#000">
  11. <meta name="color:Links" content="#666666">
  12. <meta name="color:Hover" content="#dddddd">
  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 rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  29. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  30. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  31. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  32.  
  33. <script>
  34.  
  35. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
  36. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  37.  
  38. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  39.  
  40. <script type="text/javascript" src="ddaccordion.js">
  41.  
  42. /***********************************************
  43. * Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  44. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  45. * This notice must stay intact for legal use
  46. ***********************************************/
  47.  
  48. </script>
  49.  
  50.  
  51. <script type="text/javascript"
  52. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  53. <script type="text/javascript" >
  54. $(document).ready(function() {
  55. //
  56. $('a.poplight[href^=#]').click(function() {
  57. var popID = $(this).attr('rel'); //Get Popup Name
  58. var popURL = $(this).attr('href'); //Get Popup href to define size
  59. var query= popURL.split('?');
  60. var dim= query[1].split('&');
  61. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  62. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://images.findicons.com/files/icons/1030/windows_7/32/close.png" class="btn_close" title="Close" alt="Close!!" /></a>');
  63. var popMargTop = ($('#' + popID).height() + 80) / 2;
  64. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  65. //Apply Margin to Popup
  66. $('#' + popID).css({
  67. 'margin-top' : -popMargTop,
  68. 'margin-left' : -popMargLeft
  69. });
  70. $('body').append('<div id="fade"></div>');
  71. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  72. return false;
  73. });
  74. $('a.close, #fade').live('click', function() {
  75. $('#fade , .popup_block').fadeOut(function() {
  76. $('#fade, a.close').remove(); //fade them both out
  77. });
  78. return false;
  79. });
  80. });
  81. </script>
  82.  
  83. <script type="text/javascript">
  84.  
  85. // <![CDATA[
  86.  
  87. var colour="#004fff";
  88.  
  89. var colour3="#000000";
  90.  
  91. var colour5="#ef8d00"
  92.  
  93. var sparkles=30;
  94.  
  95.  
  96.  
  97. /******************************
  98.  
  99. * Tinkerbell Magic Sparkle *
  100.  
  101. * (c) 2005 mf2fm web-design *
  102.  
  103. * http://www.mf2fm.com/rv *
  104.  
  105. * Generated at pnoyonline.com *
  106.  
  107. * tumblr layouts - pnoyonline *
  108.  
  109. * DON'T EDIT BELOW THIS BOX *
  110.  
  111. ****************************/
  112.  
  113. var x=ox=400;
  114.  
  115. var y=oy=300;
  116.  
  117. var swide=800;
  118.  
  119. var shigh=600;
  120.  
  121. var sleft=sdown=0;
  122.  
  123. var tiny=new Array();
  124.  
  125. var star=new Array();
  126.  
  127. var starv=new Array();
  128.  
  129. var starx=new Array();
  130.  
  131. var stary=new Array();
  132.  
  133. var tinyx=new Array();
  134.  
  135. var tinyy=new Array();
  136.  
  137. var tinyv=new Array();
  138.  
  139.  
  140.  
  141. window.onload=function() { if (document.getElementById) {
  142.  
  143. var i, rats, rlef, rdow;
  144.  
  145. for (var i=0; i<sparkles; i++) {
  146.  
  147. var rats=createDiv(3, 3);
  148.  
  149. rats.style.visibility="hidden";
  150.  
  151. document.body.appendChild(tiny[i]=rats);
  152.  
  153. starv[i]=0;
  154.  
  155. tinyv[i]=0;
  156.  
  157. var rats=createDiv(5, 5);
  158.  
  159. var rats=createDiv3(5, 5);
  160.  
  161.  
  162.  
  163. rats.style.backgroundColor="transparent";
  164.  
  165. rats.style.visibility="hidden";
  166.  
  167. var rlef=createDiv(1, 5);
  168.  
  169. var rlef=createDiv3(1, 5);
  170.  
  171. var rdow=createDiv(5, 1);
  172.  
  173. var rdow=createDiv3(5, 1);
  174.  
  175. rats.appendChild(rlef);
  176.  
  177. rats.appendChild(rdow);
  178.  
  179. rlef.style.top="2px";
  180.  
  181. rlef.style.left="0px";
  182.  
  183. rdow.style.top="0px";
  184.  
  185. rdow.style.left="2px";
  186.  
  187. document.body.appendChild(star[i]=rats);
  188.  
  189. }
  190.  
  191. set_width();
  192.  
  193. sparkle();
  194.  
  195. }}
  196.  
  197.  
  198.  
  199. function sparkle() {
  200.  
  201. var c;
  202.  
  203. if (x!=ox || y!=oy) {
  204.  
  205. ox=x;
  206.  
  207. oy=y;
  208.  
  209. for (c=0; c<sparkles; c++) if (!starv[c]) {
  210.  
  211. star[c].style.left=(starx[c]=x)+"px";
  212.  
  213. star[c].style.top=(stary[c]=y)+"px";
  214.  
  215. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  216.  
  217. star[c].style.visibility="visible";
  218.  
  219. starv[c]=50;
  220.  
  221. break;
  222.  
  223. }
  224.  
  225. }
  226.  
  227. for (c=0; c<sparkles; c++) {
  228.  
  229. if (starv[c]) update_star(c);
  230.  
  231. if (tinyv[c]) update_tiny(c);
  232.  
  233. }
  234.  
  235. setTimeout("sparkle()", 40);
  236.  
  237. }
  238.  
  239.  
  240.  
  241. function update_star(i) {
  242.  
  243. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  244.  
  245. if (starv[i]) {
  246.  
  247. stary[i]+=1+Math.random()*3;
  248.  
  249. if (stary[i]<shigh+sdown) {
  250.  
  251. star[i].style.top=stary[i]+"px";
  252.  
  253. starx[i]+=(i%5-2)/5;
  254.  
  255. star[i].style.left=starx[i]+"px";
  256.  
  257. }
  258.  
  259. else {
  260.  
  261. star[i].style.visibility="hidden";
  262.  
  263. starv[i]=0;
  264.  
  265. return;
  266.  
  267. }
  268.  
  269. }
  270.  
  271. else {
  272.  
  273. tinyv[i]=50;
  274.  
  275. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  276.  
  277. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  278.  
  279. tiny[i].style.width="2px";
  280.  
  281. tiny[i].style.height="2px";
  282.  
  283. star[i].style.visibility="hidden";
  284.  
  285. tiny[i].style.visibility="visible"
  286.  
  287. }
  288.  
  289. }
  290.  
  291.  
  292.  
  293. function update_tiny(i) {
  294.  
  295. if (--tinyv[i]==25) {
  296.  
  297. tiny[i].style.width="1px";
  298.  
  299. tiny[i].style.height="1px";
  300.  
  301. }
  302.  
  303. if (tinyv[i]) {
  304.  
  305. tinyy[i]+=1+Math.random()*3;
  306.  
  307. if (tinyy[i]<shigh+sdown) {
  308.  
  309. tiny[i].style.top=tinyy[i]+"px";
  310.  
  311. tinyx[i]+=(i%5-2)/5;
  312.  
  313. tiny[i].style.left=tinyx[i]+"px";
  314.  
  315. }
  316.  
  317. else {
  318.  
  319. tiny[i].style.visibility="hidden";
  320.  
  321. tinyv[i]=0;
  322.  
  323. return;
  324.  
  325. }
  326.  
  327. }
  328.  
  329. else tiny[i].style.visibility="hidden";
  330.  
  331. }
  332.  
  333.  
  334.  
  335. document.onmousemove=mouse;
  336.  
  337. function mouse(e) {
  338.  
  339. set_scroll();
  340.  
  341. y=(e)?e.pageY:event.y+sdown;
  342.  
  343. x=(e)?e.pageX:event.x+sleft;
  344.  
  345. }
  346.  
  347.  
  348.  
  349. function set_scroll() {
  350.  
  351. if (typeof(self.pageYOffset)=="number") {
  352.  
  353. sdown=self.pageYOffset;
  354.  
  355. sleft=self.pageXOffset;
  356.  
  357. }
  358.  
  359. else if (document.body.scrollTop ||
  360.  
  361.  
  362.  
  363. document.body.scrollLeft) {
  364.  
  365. sdown=document.body.scrollTop;
  366.  
  367. sleft=document.body.scrollLeft;
  368.  
  369. }
  370.  
  371. else if (document.documentElement &&
  372.  
  373.  
  374.  
  375. (document.documentElement.scrollTop ||
  376.  
  377.  
  378.  
  379. document.documentElement.scrollLeft)) {
  380.  
  381. sleft=document.documentElement.scrollLeft;
  382.  
  383. sdown=document.documentElement.scrollTop;
  384.  
  385. }
  386.  
  387. else {
  388.  
  389. sdown=0;
  390.  
  391. sleft=0;
  392.  
  393. }
  394.  
  395. }
  396.  
  397.  
  398.  
  399. window.onresize=set_width;
  400.  
  401. function set_width() {
  402.  
  403. if (typeof(self.innerWidth)=="number") {
  404.  
  405. swide=self.innerWidth;
  406.  
  407. shigh=self.innerHeight;
  408.  
  409. }
  410.  
  411. else if (document.documentElement &&
  412.  
  413.  
  414.  
  415. document.documentElement.clientWidth) {
  416.  
  417. swide=document.documentElement.clientWidth;
  418.  
  419. shigh=document.documentElement.clientHeight;
  420.  
  421. }
  422.  
  423. else if (document.body.clientWidth) {
  424.  
  425. swide=document.body.clientWidth;
  426.  
  427. shigh=document.body.clientHeight;
  428.  
  429. }
  430.  
  431. }
  432.  
  433. /******************************
  434.  
  435. * Modified by *
  436.  
  437. * pnoyonline.com *
  438.  
  439. * Generated at pnoyonline.com *
  440.  
  441. * tumblr layouts - pnoyonline *
  442.  
  443. ****************************/
  444.  
  445. function createDiv(height, width) {
  446.  
  447. var div=document.createElement("div");
  448.  
  449. div.style.position="absolute";
  450.  
  451. div.style.height=height+"px";
  452.  
  453. div.style.width=width+"px";
  454.  
  455. div.style.overflow="hidden";
  456.  
  457. div.style.backgroundColor=colour;
  458.  
  459. return (div);
  460.  
  461. }
  462.  
  463.  
  464.  
  465.  
  466.  
  467. function createDiv3(height, width) {
  468.  
  469. var div=document.createElement("div");
  470.  
  471. div.style.position="absolute";
  472.  
  473. div.style.height=height+"px";
  474.  
  475. div.style.width=width+"px";
  476.  
  477. div.style.overflow="hidden";
  478.  
  479. div.style.backgroundColor=colour3;
  480.  
  481. return (div);
  482.  
  483. }
  484.  
  485. // ]]>
  486.  
  487. </script>
  488.  
  489. <script language=JavaScript>
  490.  
  491. <!--
  492. //Disable right mouse click Script
  493. //By Maximus ([email protected]) w/ mods by DynamicDrive
  494. //For full source code, visit http://www.dynamicdrive.com
  495.  
  496. var message="";
  497.  
  498. ///////////////////////////////////
  499. function clickIE4(){
  500. if (event.button==2){
  501. alert(message);
  502. return false;
  503. }
  504. }
  505.  
  506. function clickNS4(e){
  507. if (document.layers||document.getElementById&&!document.all){
  508. if (e.which==2|e.which==3){
  509. alert(message);
  510. return false;
  511. }
  512. }
  513. }
  514.  
  515. if (document.layers){
  516. document.captureEvents(Event.MOUSEDOWN);
  517. document.onmousedown=clickNS4;
  518. }
  519. else if (document.all&&!document.getElementById){
  520. document.onmousedown=clickIE4;
  521. }
  522.  
  523. document.oncontextmenu=new Function("return false")
  524.  
  525. // -->
  526. </script>
  527.  
  528.  
  529.  
  530. <style type="text/css">
  531.  
  532. body {
  533. background-color:#fff;
  534. background-image:url({image:Background image});
  535. background-attachment:fixed;
  536. background-repeat:repeat;
  537. color:{color:Body font};
  538. font-family:trebuchet MS;
  539. font-size:10px;
  540. line-height:11px;
  541. }
  542.  
  543. a, a:link, a:visited, a:active {
  544. color: {color:Links};
  545. text-decoration: none;
  546. -webkit-transition-timing-function: ease-out;
  547. -webkit-transition-duration: 0.5s;
  548. -moz-transition-timing-function: ease-out;
  549. -moz-transition-duration: 0.5s;
  550. }
  551.  
  552. a:hover {
  553. color: {color:Hover};
  554. background-color: transparent;
  555. -webkit-transition-timing-function: ease-out;
  556. -webkit-transition-duration: 0.5s;
  557. -moz-transition-timing-function: ease-out;
  558. -moz-transition-duration: 0.5s;
  559. text-decoration:none;
  560. }
  561.  
  562. #paging a {
  563. display:inline-block;
  564. color: #000;
  565. background-color: #fff;
  566. -webkit-transition-timing-function: ease-out;
  567. -webkit-transition-duration: 0.5s;
  568. -moz-transition-timing-function: ease-out;
  569. -moz-transition-duration: 0.5s;
  570. padding:3px;
  571. }
  572.  
  573. #paging a:hover {
  574. color: #000;
  575. background-color: #eee;
  576. -webkit-transition-timing-function: ease-out;
  577. -webkit-transition-duration: 0.5s;
  578. -moz-transition-timing-function: ease-out;
  579. -moz-transition-duration: 0.5s;
  580. text-align:center;
  581. }
  582.  
  583. #paging a span {
  584. line-height:10px;
  585. }
  586.  
  587.  
  588. #entry {
  589. float:right;
  590. width:400px;
  591. padding:4px;
  592. background-color:#fff;
  593. border-bottom:5px solid #eee;
  594. border-top:5px solid #eee;
  595. border-radius:10px 10px 10px 10px;
  596. }
  597.  
  598. #entry .permalink {
  599. opacity:0;
  600. width:200px;
  601. height:15px;
  602. font-family:'trebuchet MS';
  603. line-height:15px;
  604. margin-top:-5px;
  605. font-size:10px;
  606. -webkit-transition-timing-function: ease-out;
  607. -webkit-transition-duration: .3s;
  608. -moz-transition-timing-function: ease-out;
  609. -moz-transition-duration: .3s;
  610. position:absolute;
  611. text-transform:uppercase;
  612. background-color:#fff;
  613. letter-spacing:2px;
  614. text-align:center;
  615. overflow:hidden;
  616. }
  617.  
  618. #entry:hover .permalink {
  619. opacity:.9;
  620. margin-left:190px;
  621. margin-top:1px;
  622. text-align:center;
  623. padding-right:10px;
  624. color:#000;
  625. -webkit-transition-timing-function: ease-out;
  626. -webkit-transition-duration: .9s;
  627. -moz-transition-timing-function: ease-out;
  628. -moz-transition-duration: .9s;
  629. line-height:16px;
  630. height:20px;
  631. overflow:visible;
  632. width:200px;
  633. border-top-right-radius:70px;
  634. border-bottom-right-radius:70px;
  635. border-top-left-radius:70px;
  636. border-bottom-left-radius:70px;
  637. }
  638.  
  639. .text {
  640. font-family: 'Allura', cursive;
  641. font-size:23px;
  642. line-height:28px;
  643. }
  644.  
  645. .quote {
  646. font-family: 'Dawning of a new day', cursive;
  647. font-size:23px;
  648. line-height:28px;
  649. }
  650.  
  651. .link {
  652. font-family:'Amatic SC';
  653. font-size:28px;
  654. line-height:19px;
  655. text-align:center;
  656. }
  657.  
  658. #descrip {
  659. background-color:#fff;
  660. padding:5px;
  661. float:left;
  662. border-radius:10px 10px 10px 10px;
  663. margin-top:4px;
  664. margin-bottom:4px;
  665. width:150px;
  666. }
  667.  
  668. .title {
  669. font-size:25px;
  670. letter-spacing:1px;
  671. text-align:center;
  672. line-height:24px;
  673. color:#aeaeae;
  674. font-family: 'Euphoria Script', cursive;
  675. }
  676.  
  677. #mainbar {
  678. margin:auto;
  679. position:relative;
  680. width:594px;
  681. overflow:hidden;
  682. }
  683.  
  684. #sidebar {
  685. position:fixed;
  686. height:390;
  687. padding:8px;
  688. width:160px;
  689. background-color:{color:sidebar};
  690. font-family:trebuchet MS;
  691. text-transform:lowercase;
  692. border-left:3px solid #eee;
  693. border-right:3px solid #eee;
  694. border-top:3px solid #eee;
  695. border-bottom:3px solid #eee;
  696. margin-top:74px;
  697. border-top-right-radius:30px;
  698. border-bottom-right-radius:0px;
  699. border-top-left-radius:0px;
  700. border-bottom-left-radius:30px;
  701. }
  702.  
  703. header {
  704. text-align: center;
  705. background: transparent;
  706. font-size: 6.5pt;
  707. color: #d5a9a7;
  708. font-family: trebuchet ms;
  709. text-transform: uppercase;
  710. letter-spacing: 5px; fixed;
  711. opacity: 100;
  712. padding: 3px;
  713. line-height: 12px;
  714. margin-bottom: 7px;
  715. border-bottom: 3px dotted #aeaeae;
  716. }
  717.  
  718.  
  719. .links {
  720. width: 150px;
  721. height: 20px;
  722. background-color: #fff;
  723. font-size:8.5px;
  724. letter-spacing:0px;
  725. line-height:15px;
  726. text-align:center;
  727. margin-top:4x;
  728. margin-left:5px;
  729. -webkit-transition-duration: .6s;
  730. border-top-right-radius:70px;
  731. border-bottom-right-radius:0px;
  732. border-top-left-radius:0px;
  733. border-bottom-left-radius:70px;
  734. -moz-box-shadow: 0 0 1px #8A8A8A;
  735. -webkit-box-shadow: 0 0 4px#8A8A8A;
  736. display: inline-block;
  737. }
  738.  
  739. .links:hover {
  740. background-color: #868585;
  741. -webkit-transition-duration: .9s;
  742. border-top:3px solid #fff;
  743. border-top-right-radius:0px;
  744. border-bottom-right-radius:70px;
  745. border-top-left-radius:70px;
  746. border-bottom-left-radius:0px;
  747. }
  748.  
  749. left
  750. {
  751. margin-left:5px;
  752. }
  753.  
  754. ::-webkit-scrollbar {
  755. width: 10px;
  756. height: 4px;
  757. background: #ffffff;
  758. background-repeat: repeat-y;
  759. background-attachment: fixed;
  760. }
  761.  
  762. ::-webkit-scrollbar-thumb {
  763. background-image:url('http://1.bp.blogspot.com/-LjoSccgnxQc/TmeAxXtuQVI/AAAAAAAAHzw/VhrXJVaPER8/s1600/medium-black-theme.jpg');
  764. -webkit-border-radius: 2ex; }
  765.  
  766. </style>
  767. <style type="text/css">
  768.  
  769. #popitmenu{
  770. position: absolute;
  771. background-color: white;
  772. font: normal 10px trebuchet MS;
  773. line-height: 18px;
  774. z-index: 100;
  775. visibility: hidden;
  776. }
  777.  
  778. #popitmenu a{
  779. background-color: #fff;
  780. text-decoration: none;
  781. padding-left: 6px;
  782. color: black;
  783. display: block;
  784. border-bottom:3px solid black;
  785. }
  786.  
  787. #popitmenu a:hover{ /*hover background color*/
  788. background-color: #000;
  789. color:#fff;
  790. margin-left:5px;
  791. border-bottom:3px solid #aeaeae;
  792. }
  793.  
  794. </style>
  795.  
  796. <script type="text/javascript">
  797.  
  798. /***********************************************
  799. * Pop-it menu- © Dynamic Drive (www.dynamicdrive.com)
  800. * This notice MUST stay intact for legal use
  801. * Visit http://www.dynamicdrive.com/ for full source code
  802. ***********************************************/
  803.  
  804. var defaultMenuWidth="100px" //set default menu width.
  805.  
  806. var linkset=new Array()
  807. //SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
  808.  
  809. linkset[0]='<a href="{text:LINK1URLHERE}">- {text:LINKTITLE1HERE}</a>'
  810. linkset[0]+='<a href="{text:LINK2URLHERE}">- {text:LINKTITLE2HERE}</a>'
  811. linkset[0]+='<a href="{text:LINK3URLHERE}">- {text:LINKTITLE3HERE}</a>'
  812. linkset[0]+='<a href="{text:LINK4URLHERE}">- {text:LINKTITLE4HERE}</a>'
  813. linkset[0]+='<a href="{text:LINK5URLHERE}">- {text:LINKTITLE5HERE}</a>'
  814. ////No need to edit beyond here
  815.  
  816. var ie5=document.all && !window.opera
  817. var ns6=document.getElementById
  818.  
  819. if (ie5||ns6)
  820. document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')
  821.  
  822. function iecompattest(){
  823. return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
  824. }
  825.  
  826. function showmenu(e, which, optWidth){
  827. if (!document.all&&!document.getElementById)
  828. return
  829. clearhidemenu()
  830. menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
  831. menuobj.innerHTML=which
  832. menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
  833. menuobj.contentwidth=menuobj.offsetWidth
  834. menuobj.contentheight=menuobj.offsetHeight
  835. eventX=ie5? event.clientX : e.clientX
  836. eventY=ie5? event.clientY : e.clientY
  837. //Find out how close the mouse is to the corner of the window
  838. var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
  839. var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
  840. //if the horizontal distance isn't enough to accomodate the width of the context menu
  841. if (rightedge<menuobj.contentwidth)
  842. //move the horizontal position of the menu to the left by it's width
  843. menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
  844. else
  845. //position the horizontal position of the menu where the mouse was clicked
  846. menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
  847. //same concept with the vertical position
  848. if (bottomedge<menuobj.contentheight)
  849. menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
  850. else
  851. menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
  852. menuobj.style.visibility="visible"
  853. return false
  854. }
  855.  
  856. function contains_ns6(a, b) {
  857. //Determines if 1 element in contained in another- by Brainjar.com
  858. while (b.parentNode)
  859. if ((b = b.parentNode) == a)
  860. return true;
  861. return false;
  862. }
  863.  
  864. function hidemenu(){
  865. if (window.menuobj)
  866. menuobj.style.visibility="hidden"
  867. }
  868.  
  869. function dynamichide(e){
  870. if (ie5&&!menuobj.contains(e.toElement))
  871. hidemenu()
  872. else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
  873. hidemenu()
  874. }
  875.  
  876. function delayhidemenu(){
  877. delayhide=setTimeout("hidemenu()",500)
  878. }
  879.  
  880. function clearhidemenu(){
  881. if (window.delayhide)
  882. clearTimeout(delayhide)
  883. }
  884.  
  885. if (ie5||ns6)
  886. document.onclick=hidemenu
  887.  
  888. </script>
  889. </head>
  890.  
  891. <body>
  892.  
  893. <div id="mainbar">
  894. <div id="sidebar">
  895. <div class="title">{Title}</div>
  896. <div id="descrip">
  897. {Description}
  898. </div>
  899. <header>Navigation:</header>
  900. <div class="arrowsidemenu"><div class="links"><a href="/">Refresh!</a></div>
  901. <div class="links"><a href="/archive">Archive</a></div>
  902. <div class="links"><a href="/ask">Letterbox</a></div>
  903. <div class="links"><a href="/submit">Submit!</a></div>
  904. <div class="links"><a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">Other links</a></div>
  905. </div><p></p>
  906.  
  907. <center><div id="paging">
  908. {block:previouspage}<a href="{PreviousPage}"><span>← PREV</a></span>{/block:previouspage}
  909. {block:nextpage}<a href="{NextPage}"><span>NEXT →</span></a>{/block:nextpage}
  910. </center>
  911. <p><center><font color="#fff">Simplicity by <a href="http://sweetcandyskittles.tumblr.com">sweetcandyskittles</a> ♥</font></center></p>
  912. </div>
  913.  
  914.  
  915.  
  916. {block:Posts}
  917.  
  918. <table width="1010" border="0" align="center" cellspacing="0px" cellpadding="0px">
  919. <tr>
  920.  
  921. <div id="entry">
  922.  
  923.  
  924. {block:IndexPage}<div class="permalink"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a> notes || <a href="{ReblogURL}" title="Reblog!" target="_blank">Re-dream</a></div>{/block:IndexPage}
  925.  
  926. {block:Text}
  927. {block:Title}<div class="text"><center>{Title}</center></div>{/block:Title}
  928. <center><img src="http://25.media.tumblr.com/tumblr_lywhnkO8kE1r77gqoo1_250.png"></center>
  929. {Body}
  930. {/block:Text}
  931.  
  932. {block:Photo}
  933. {LinkOpenTag}<img src="{PhotoURL-400}" style="margin-bottom:3px;-moz-border-radius:10px;-webkit-border-radius:10px;">{LinkCloseTag}
  934. {/block:Photo}
  935.  
  936. {block:Photoset}
  937. {Photoset-400}{block:caption}{caption}{/block:caption}
  938. {/block:photoset}
  939.  
  940. {block:Quote}<center><div class="quote">"{Quote}"</div></center><br>
  941. {block:Source}<left><b>- {Source}</b></left>{/block:Source}
  942. {/block:Quote}
  943.  
  944. {block:Link}
  945. <div class="link"><a href="{URL}" target="_blank">{Name} →</a></div>
  946. {block:Description}{Description}{/block:Description}
  947. {/block:Link}
  948.  
  949. {block:Answer}{Asker} whispered: <b>{Question}</b>
  950. <p>{Answer}</p>{/block:Answer}
  951.  
  952. {block:Chat}
  953. {block:Title}<div class="text">{Title}</div>{/block:Title}
  954. {block:Lines}
  955. {block:Label}
  956. <b>{Label}</b>
  957. {/block:Label}
  958. <i>{Line}</i><br>
  959. {/block:Lines}
  960. {/block:Chat}
  961.  
  962. {block:Audio}<center>
  963. {AudioPlayerBlack}
  964. {/block:Audio}
  965.  
  966. {block:Video}
  967. {Video-400}
  968. {block:Caption}{Caption}{/block:Caption}
  969. {/block:Video}
  970.  
  971.  
  972. {block:PermalinkPage}
  973. {/block:PermalinkPage}
  974. {block:PostNotes}
  975. {PostNotes}
  976. {/block:PostNotes}
  977.  
  978. </td>
  979. </tr>
  980. </table>
  981. {/block:Posts}
  982.  
  983. </div>
  984. </body>
  985. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!