Victor Walch Michnowicz

is a web application developer

Spicing Up the WebFaction Control Panel January 16th, 2011

Kinda Ugly…

The default WebFaction control panel is kinda ugly. I decided to spice it up a little bit. Using the Stylish Firefox plugin, I created a slightly modified WebFaction control panel. Check out the image below to see some of the changes:

Default WebFaction control panelControl panel with slight CSS moifications

Hover over the image to view my control panel modifications

The Code

This is the code that you can use for Stylish. The WebFaction control panel still needs a lot more love, but this is at least a little bit better.

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("panel.webfaction.com") {
	
	#nav {
		height: 20px;
		line-height: 15px !important;
	}
	
	#nav li {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	
	#nav li ul {
		width: 180px !important;
		margin-left: -15px !important;
	}
	
	#nav li li {
		border-top: 1px solid #2079c2;
		width: 180px !important;
		padding: 0px !important;
	}

	#nav li li:first-child {
		border-top: 0px none;
	}

	#nav li li a {
		display: block;
		width: 170px !important;
		padding: 5px !important;
	}
	
	h2 {
		font-size: 18px;
		padding: 5px 0px;
	}
	
	table.list td {
		padding: 5px;
		min-width: 55px;
	}
	
	table.list tr:hover {
		background-color: #FFF5D9 !important;
	}
	
	.no_action {
		display: none;
		float: none;
	}
	
}

blog comments powered by Disqus