document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <script type=\'text/javascript\'>
  2. //
  3. // Tabbed Blogger gadgets by MS-potilas 2011
  4. // see http://yabtb.blogspot.com/
  5. //
  6. // Configuration:
  7. //
  8. // ID used for tab elements (for second set of tabs, search & replace all tabnav0 by tabnav1 etc):
  9. var tabsID = "tabnav0";
  10. // number of gadgets (following this one) to tabify
  11. var tabnav0_count = 3;
  12. // optional titles, empty strings or empty array:
  13. var tabnav0_tabtitles = [];
  14. //
  15. var tabnav0_hideH2 = true;
  16. //
  17. var tabnav0_hidechildH2 = true;
  18. </script>
  19. <style type="text/css">
  20. #tabnav0h {
  21. position:relative;
  22. top: 24px;
  23. height: 1px;
  24. border: 0;
  25. background:#cccccc;
  26. margin-right:-30px;
  27. border-right:4px solid #dddddd;
  28. display:none;
  29. }
  30. #tabnav0v {
  31. z-index:0;
  32. position:absolute;
  33. left:-6px;
  34. top: 24px;
  35. width: 1px;
  36. height: 30px;
  37. border-top:15px solid #e8e8e8;
  38. background:#f2f2f2;
  39. border-bottom:15px solid #f8f8f8;
  40. display:none;
  41. }
  42. #tabnav0 {
  43. z-index:0;
  44. position:relative;
  45. padding:0;
  46. list-style:none;
  47. line-height:21px;
  48. left:-6px;
  49. margin-right:-50px;
  50. white-space:nowrap;
  51. display:none;
  52. }
  53. #tabnav0 li {
  54. float:left;
  55. padding: 0 3px 0 0;
  56. }
  57. #tabnav0 a {
  58. text-shadow: 1px 1px 1px #ffffff;
  59. -webkit-border-radius:3px 3px 0 0;
  60. -moz-border-radius:3px 3px 0 0;
  61. border-radius:3px 3px 0 0;
  62. padding: 0 6px;
  63. display:block;
  64. color:#555599;
  65. text-decoration:none;
  66. font-size:10px;
  67. font-weight:normal;
  68. background: #eeeeee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAYAAAB10jRKAAAABHNCSVQICAgIfAhkiAAAAB5JREFUCJljePfu3X+mf//+MTD9//+fAcLCxoWLAQAeuR6v7ndCjQAAAABJRU5ErkJggg==) repeat-x bottom left;
  69. margin:0;
  70. margin-top:2px;
  71. height:20px;
  72. border: 1px solid #eeeeee;
  73. border-right-color: #aaaaaa;
  74. border-bottom-color: #cccccc;
  75. }
  76. #tabnav0 .here a {
  77. text-shadow: 1px 1px 1px #bbbbbb;
  78. padding: 1px 5px;
  79. height:20px;
  80. margin-top:0px;
  81. font-weight:bold;
  82. color:#000000;
  83. font-size:11px;
  84. border: 1px solid #dddddd;
  85. border-right-color:#aaaaaa;
  86. border-bottom-color:#ffffff;
  87. }
  88. #tabnav0 .here a:link,
  89. #tabnav0 .here a:visited {
  90. padding: 1px 5px;
  91. background:#ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAYAAAB10jRKAAAABHNCSVQICAgIfAhkiAAAAB9JREFUCJlj+PDhx38mJiZGBiZGRgYGGIuRAYcYAwMAu14EDIt2gFQAAAAASUVORK5CYII=) repeat-x;
  92. }
  93. #tabnav0 a:hover,
  94. #tabnav0 a:active,
  95. #tabnav0 .here a:hover,
  96. #tabnav0 .here a:active {
  97. background:#f4f4f4;
  98. border-bottom-color: #ededed;
  99. }
  100. </style>
  101. <script type=\'text/javascript\'>
  102. if(typeof tabsIDs == \'undefined\') var tabsIDs = [];
  103. var tabnav0_id = "";
  104. function tabnav0_avaa(nimi) {
  105.   for(var i = 0; i<tabnav0_tabids.length; i++) {
  106.     document.getElementById(tabnav0_tabids[i]).style.display = "none";
  107.     if(tabsIDs[tabnav0_tabids[i]])
  108.         document.getElementById(tabsIDs[tabnav0_tabids[i]]).style.display = "none";
  109.     document.getElementById("tab_"+tabnav0_tabids[i]).className = "";
  110.   }
  111.   toshow = document.getElementById(tabnav0_id).style.display;
  112.   document.getElementById(nimi).style.display=toshow;
  113.   if(tabsIDs[nimi])
  114.     document.getElementById(tabsIDs[nimi]).style.display = toshow;
  115.   document.getElementById("tab_"+nimi).className = "here";
  116.   tabsIDs[tabnav0_id] = nimi;
  117. }
  118. if(typeof addLoadEvent !== \'function\') {
  119.   function addLoadEvent(func)
  120.   {
  121.     var oldonload = window.onload;
  122.     if (typeof window.onload != \'function\') {
  123.       window.onload = func;
  124.     } else {
  125.       window.onload = function() {
  126.         oldonload();
  127.         func();
  128.       }
  129.     }
  130.   }
  131. }
  132. var tabnav0_tabids = [];
  133. function tabnav0_inittabs() {
  134.   var tabsID = "tabnav0";
  135.   var elm = document.getElementById(tabsID);
  136.   elm.style.display="block";
  137.   elm = elm.parentNode.parentNode;
  138.   elm.style.marginBottom="-24px";
  139.   tabnav0_id = elm.id;
  140.   var elmo = elm.firstChild;
  141.   while(elmo && elmo.nodeType != 1)
  142.     elmo = elmo.nextSibling;
  143.   if(elmo && elmo.nodeName == "H2" && (tabnav0_hideH2 || elmo.innerHTML == ""))
  144.     elmo.style.display = "none";
  145.   else if(elmo && elmo.nodeName == "H2")
  146.     document.getElementById("tabnav0v").style.top = (14+24)+"px"; // H2 elem.height + tabnav0v.top
  147.   for(var i = 0 ; i < tabnav0_count ; i++) {
  148.     elm = elm.nextSibling;
  149.     while(elm && elm.nodeType != 1)
  150.       elm = elm.nextSibling;
  151.     if(!elm) break;
  152.     tabnav0_tabids[i] = elm.id;
  153.   }
  154.   document.getElementById(tabsID+"h").style.display="block";
  155.   document.getElementById(tabsID+"v").style.display="block";
  156.   var inht = \'\';
  157.   for(var i = 0; i<tabnav0_tabids.length; i++) {
  158.     elm = document.getElementById(tabnav0_tabids[i]);
  159.     elm = elm.firstChild;
  160.     while(elm && elm.nodeType != 1)
  161.       elm = elm.nextSibling;
  162.     if (elm && elm.nodeName != "H2") {
  163.       elm = elm.firstChild;
  164.       while(elm && elm.nodeType != 1)
  165.         elm = elm.nextSibling;
  166.     }
  167.     if(elm && elm.nodeName == "H2") {
  168.       if(tabnav0_hidechildH2)
  169.         elm.style.display = "none";
  170.       if(!tabnav0_tabtitles[i] || tabnav0_tabtitles[i] == \'\')
  171.         tabnav0_tabtitles[i] = elm.innerHTML;
  172.     }
  173.     if(!tabnav0_tabtitles[i] || tabnav0_tabtitles[i] == \'\')
  174.       tabnav0_tabtitles[i] = tabnav0_tabids[i];
  175.     elm = document.getElementById("tab_"+tabnav0_tabids[i]);
  176.     inht += \'<li id="tab_\' + tabnav0_tabids[i] + \'"><a href="#" onclick="tabnav0_avaa(\\\'\'+tabnav0_tabids[i]+\'\\\');this.blur();return false;">\'+tabnav0_tabtitles[i]+\'</a></li>\';
  177.   }
  178.   document.getElementById(tabsID).innerHTML = inht;
  179.   tabnav0_avaa(tabnav0_tabids[0]);
  180. }
  181. if(tabnav0_count) {
  182.   document.write(\'<div id="\'+tabsID+\'h"></div><ul id="\'+tabsID+\'"></ul><div id="\'+tabsID+\'v"></div>\');
  183.   addLoadEvent(tabnav0_inittabs);
  184. }
  185. </script>
');