Forum:CSS help

I've been editing the monobook skin, but can't find out how to refer to the 'wikia' section of the sidebar (where, for example, the toolbox is #p-tb). Also, how do I refer to external and interwiki links? I've read that it's a.external and a.extiw, but they don't seem to work. - Greenpickle(talk) 14:24, 2 April 2008 (UTC)


 * The Wikia section has the ID p-wikicities-nav. So, to style it, you'd use  for example (that'd make the text white, which might work on wikis with very dark / black skin).


 * For external links, try something like this:


 * 1) bodyContent a.extiw, #bodyContent a.extiw:active { color: #00CCFF; }
 * 2) bodyContent a.extiw:visited { color: #0066FF; }
 * 3) bodyContent a.external { color: #0066FF; }
 * 4) bodyContent a.external:visited { color: #0066FF; }
 * That'd make new interwiki links to have a cyan-ish color and a blue-ish color for external links and visited interwiki links. --Jack Phoenix (Contact) 15:17, 2 April 2008 (UTC)


 * Thanks, it all works fine. Just one more thing: is there any way to change the little arrow shown for external links?  I'm just looking to change its colour to match the link colour, as it's blue while everything else is green. - Greenpickle(talk) 14:18, 4 April 2008 (UTC)


 * To do this, if Wikia doesn't already have alternatives, you'll need to download the image file, because it is an image, and then change it's hue using an image editing software. After that, you would upload the new image to your wiki and set up a CSS rule accordingly...
 * Sorry for lacking details. — TulipVorlax 14:29, 4 April 2008 (UTC)


 * Now I know it's an image, I'm sure I'll be able to do it eventually. I've come up against another problem, too.  I'm trying to make the content area translucent so that the background image can be seen through it.  But using   also makes images on the page translucent.  I can alter images' opacity with   but what I set in #content seems to take precedence for images; I can only make them even more transparent.  Is there a way to make images opaque, but the rest of the content area translucent? - Greenpickle(talk) 20:17, 4 April 2008 (UTC)


 * I can't get the external image thing to work either...sorry. I found this in main.css:

background: url(external.png) center right no-repeat; padding-right: 13px; }
 * 1) bodyContent a[href ^="gopher://"] {
 * and copied it into my monobook.css, then replaced the URL with a new image. But the old one's still there.  Is main.css higher priority? - Greenpickle(talk) 20:48, 4 April 2008 (UTC)


 * Ive done it on tables... Try to add " background: transparent; " to your css rule for bodycontent. — TulipVorlax 03:51, 5 April 2008 (UTC)


 * Yes, that does work (at least, with ), but it only makes the content transparent.  All tables remain completely opaque and it looks odd.  So there's no way to define the opacity of everything but images? - Greenpickle(talk) 09:21, 5 April 2008 (UTC)


 * If you want tables to be tranparent, like i've done on Guild Wars Wikia, you may need to used something like this :

table, td { background: transparent; }
 * If you set a box like the bodycontent div to be transparent, that doesn't mean that table or other div inside of it will be transparent. And the transparent parameter has nothing to do with opacity. In opacity mode you can have 50% or 75% of opacity. With the transparent thing, it's either 100% opacity if you specify a color or 0% if you say transparent.
 * There is browser specific CSS things that has to do with opacity of things. But you should not use them if you want everybody to see the same thing when they come to your wiki.
 * What wiki is this ? Wich browser are using ? — TulipVorlax 06:15, 6 April 2008 (UTC)