Wikipedia:WikiProject User scripts/Scripts/Duplicate tabs at bottom
Appearance
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
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
});
CSS
And put this in Special:mypage/monobook.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;
}*/