I've written some styles to make the wiki look more like the main site. These could be copied into this entry to become the default for all users. You'd also need to update the value of $wgLogo in LocalSettings.php with a logo like this one (which could be better if I had the source images). Also an orange bullet is a nice touch. Put together, it looks something like this screen shot. Nathan Hamblen 13:21, 21 Aug 2005 (PDT)

I made some changes below to make headings orange, borderless, and bold like on the main site. Also, all of the text there is a little smaller so I threw in a 90% font size for #bodyContent. The line-height wasn't doing anything there so I took it out. And I took another shot at making the the wiki logo from the head composite, but I can't say if it's better or worse than the one already in place here. Nathan Hamblen 17:45, 22 Aug 2005 (PDT)

I've just applied the new CSS & the new image - Nice job, thanks! Gwyn 15:46, 23 Aug 2005 (PDT)

Thanks, stylesheets are a nice break from real programming. I just noticed that if you aren't logged in you don't see underlines for links until you hover. MediaWiki is weird and defaults that way only for people who aren't logged in. Since our links are the same color as regular text we really need to override (see below). Also, the alpha channel'd Wicket logo PNG looks bad on IE (big surprise) but maybe we don't care. With the gradient background, the alpha channel makes it nice and jaggy-free for other browsers. Nathan Hamblen 10:24, 24 Aug 2005 (PDT)


body {
	font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, sans-serif, sans;
	background-color: white;
	background-image: url('http://wicket.sourceforge.net/style/body-bg.png');
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: fixed;
	color: #6F6F6F;
}

ul, .portlet ul {
	list-style-image: url('/path/to/bullet.png');
}

a {
	color: #6F6F6F;
	background: none;
	text-decoration: underline;
}
a:visited { color: #E9601A; }
a:active { color: #E9601A; }

#bodyContent a, #bodyContent a.external { 
	color: #6F6F6F;
}

#bodyContent {
	font-size: 90%;
}

#bodyContent a.new {
	color:#ba0000;
}

pre {
	border-color: #E9601A;
}

h1, h2, h3, h4, h5 {
	color: #E9601A;
	border: none;
	font-weight: bold;
}

h2, h3 {
	margin-bottom: 2.5em;
}

.portlet h5 {
	text-transform: none;
}

.portlet a {
	text-decoration: none;
	color: #A7A7A7;
}

.portlet a:hover {
	font-weight: bolder;
	color: Black;
}

#p-personal li a {
	color: #6F6F6F;
	padding-bottom: 0.2em;
}
#p-personal li a:hover {
	font-weight: normal;
	color: Black;
}

#p-cactions li a {
	background-color: White;
	color: #6F6F6F;
}
#p-cactions li a:hover {
	font-weight: normal;
	color: Black;
}

#p-cactions li.selected {
	border-color: Black}

#p-cactions li.selected a {
	color: Black;
}

#footer {
	border: none;
}
  • No labels