User:Gerbrant/hidePane.js

document.write("<style>\
.portlet, #p-cactions, #p-personal\
{\
	float: left;\
	width: auto;\
	height: auto;\
	overflow: visible;\
	position: relative;\
	z-index: auto!important;\
	left: auto;\
	top: auto;\
	text-align: center;\
	line-height: normal;\
	padding: 0 0.5em;\
	margin: 0;\
	font-size: 100%;\
	white-space: nowrap;\
	border-collapse: separate\
}\
.portlet h5, #p-cactions h5, #p-personal h5\
{\
	display:inline;\
	white-space: nowrap;\
	padding: 0;\
	margin: 0\
}\
.portlet .pBody\
{\
	display: none;\
}\
.portlet .pBody, #p-cactions .pBody, #p-personal .pBody\
{\
	position: absolute;\
	left: 0em;\
	top: 1.1em;\
	text-align: left;\
	white-space: nowrap\
}\
#column-one\
{\
	position: absolute;\
	left: 0;\
	top: 0;\
	padding: 0\
}\
#column-content\
{\
	float: none;\
	margin: 0\
}\
#column-content #content\
{\
	margin: 1.1em 0 0 0;\
	padding: 0 1em 1.5em 1em;\
	margin-left: 0\
}\
#p-cactions li, #p-personal li\
{\
	display: list-item;\
}\
#p-logo\
{\
	display: none\
}\
#footer{\
	margin-left: 0\
}\
\
.hotportlet .pBody\
{\
	display: block\
}\
.hotportlet, #p-cactions.hotportlet, #p-personal.hotportlet\
{\
	z-index:16!important\
}\
</style>");
 
var os;
try{os = Gerbrant.hidePane.ownStyle;}catch(x){}
if(!os)
{
 
document.write("<style>\
.portlet .pBody, #p-cactions .pBody, #p-personal .pBody\
{\
	background: #f9f9f9 url(/skins-1.5/monobook/headbg.jpg) 0 0 no-repeat;\
	border: 1px solid #c0c0c0;\
	padding: 0\
}\
.portlet *, #p-cactions *, #p-personal *\
{\
	color: #000000\
}\
.portlet h5, #p-cactions h5, #p-personal h5\
{\
	text-transform: none\
}\
#p-interaction h5\
{\
	text-transform: capitalize\
}\
.portlet ul, #p-cactions ul, #p-personal ul\
{\
	padding: 0;\
	margin: 0;\
	text-align: left;\
}\
.portlet li, #p-cactions li, #p-cactions li.selected, #p-personal li\
{\
	display: block;\
	background: none;\
	border: none;\
	padding-bottom: 0;\
	margin: 0\
}\
.portlet li a, #p-cactions li a, #p-cactions li.selected a, #p-personal li a\
{\
	display: block;\
	background: none;\
	color: #000000;\
	border: none;\
	text-transform: none;\
	padding: 0 0.5em!important;\
}\
.portlet li a:visited\
{\
	color: #000000;\
}\
.portlet li a:hover, #p-cactions li a:hover, #p-personal li a:hover\
{\
	background: #3168b8;\
	color: #ffffff;\
	text-decoration: none\
}\
li#ca-watch, li#ca-unwatch\
{\
	margin-left:0\
}\
li#pt-userpage, li#pt-anonuserpage\
{\
	padding-left:0\
}\
#footer, #column-content #content\
{\
	border-left:0\
}\
\
.hotportlet, #p-cactions.hotportlet, #p-personal.hotportlet\
{\
	background: #3168b8\
}\
.hotportlet h5, #p-cactions.hotportlet h5, #p-personal.hotportlet h5,\
.hotportlet h5 *, #p-cactions.hotportlet h5 *, #p-personal.hotportlet h5 *\
{\
	color: #ffffff\
}\
.ns-0 #p-cactions li a, .ns-0 #p-cactions li.selected a\
{\
	background: none\
}\
.ns-0 #p-cactions li a:hover\
{\
	background: #3168b8\
}\
\
/*IE fix*/\
#column-one, #p-cactions\
{\
	z-index: auto\
}\
#p-navigation a\
{\
	width: auto\
}\
.portlet li a\
{\
	display: inline-block!important\
}\
</style>");
 
}
 
function setSize()
{
var tb = document.getElementById("p-lang");
if(!tb) tb = document.getElementById("p-tb");
document.getElementById("content").style.marginTop = tb.offsetTop + tb.offsetHeight + "px";
}
 
function myContains(e)
{
	do if(this === e) return true;
	while(e = e.parentNode);
	return false;
}
 
addOnloadHook(function()
{
	var h;
	function hideMenu()
	{
		h.className = h.className.replace(/ hotportlet\b/, "");
		h = null;
	}
	function showMenu(e)
	{
		if(h)
		{
			if(h === e) return;
			hideMenu();
		}
		h = e;
		e.className += " hotportlet";
	}
 
	setSize();
	(function(orig)
	{
		window.onresize = orig ? function()
		{
			setSize();
			orig.apply(this, arguments);
		} : setSize;
	})(window.onresize);
	var co = document.getElementById("column-one").childNodes;
	for(var i = 0; i < co.length; i++)
	{
		var p = co[i];
		if (p.className == "portlet")
		{
			if(!p.contains) p.contains = myContains;
			p.onmouseover = function(e)
			{
				if(!e) e = event;
				f = e.fromElement;
				if(!f) f = e.relatedTarget;
				if(!f || !this.contains(f)) showMenu(this);
			};
			p.onmouseout = function(e)
			{
				if(!e) e = event;
				t = e.toElement;
				if(!t) t = e.relatedTarget;
				if(h && (!t || !this.contains(t))) hideMenu();
			};
		}
	}
});