English Wikipedia @ Freddythechick:WikiProject User scripts/Scripts/Duplicate tabs at bottom
Can this be made importable?
From http://meta.wikimedia.org/w/index.php?title=User_Styles/bottom_tabs&oldid=188207 See meta:User Styles/bottom tabs for more details.
Javascript
Put this in Special:Mypage/monobook.js
<syntaxhighlight lang=javascript> addOnloadHook(function () {
var tabs = document.getElementById('p-cactions').cloneNode(true); tabs.id = 'mytabs'; var listitems = tabs.getElementsByTagName('LI'); for (i=0;i<listitems.length;i++) { if(listitems[i].id) listitems[i].id = 'mytabs-' + listitems[i].id; }
content = document.getElementById("content"); // Find the content div content.parentNode.insertBefore(tabs, content.nextSibling); // Place tab list right after content div
}); </syntaxhighlight>
CSS
And put this in Special:mypage/monobook.css:
<syntaxhighlight lang=css> /* bottom tab styling (not for IE currently) */
- mytabs {
margin: -0.3em 0 0 11.5em; white-space:nowrap; line-height: 1.1em; overflow: visible; border-collapse: collapse; padding: 0 0 0 1em; list-style: none; font-size: 95%;
}
- mytabs .pBody {
border:none; background-color: transparent;
}
- mytabs .hiddenStructure { display: none; }
- mytabs li {
display: inline; border: 1px solid #aaaaaa; border-top: none; padding: 0.1em 0 0 0; margin: 0 0.3em 0 0; overflow: visible; background: White;
}
- mytabs li.selected {
border-color: #fabd23; padding: 0.2em 0 0 0;
}
- mytabs li a {
background-color: White; color: #002bb8; border: none; padding: 0.3em 0.8em 0 0.8em; text-decoration: none; text-transform: lowercase; position: relative; margin: 0;
}
- mytabs li.selected a { z-index: 3; }
- mytabs .new a { color:#ba0000; }
- mytabs li a:hover {
z-index: 3; text-decoration: none;
}
- mytabs h5 { display: none; }
- mytabs li.istalk { margin-right: 0; }
- mytabs li.istalk a { padding-right: 0.5em; }
- mytabs-ca-addsection a {
padding-left: 0.4em; padding-right: 0.4em;
} /* offsets to distinguish the tab groups */ li#mytabs-ca-talk { margin-right: 1.6em; } li#mytabs-ca-watch, li#mytabs-ca-unwatch, li#mytabs-ca-varlang-0, li#mytabs-ca-print { margin-left: 1.6em; }
/* remove comment tags if bottom tabs should be rounded as well in moz */ /* #mytabs li, #mytabs li a {
-moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em;
}*/ </syntaxhighlight>