Forum:Moz borders

Hello everyone. I am making a custom monaco for a wiki I commonly visit. I would like to know if there is a way that I can put in a tag that makes the borders rounded off. The area I want it is around the edit bar, and go all the way down to the area before the spotlight wikias show. Is there any type of coding that I can use to accomplish this? Thanks. Muzzy34 Talk 23:14, 31 July 2009 (UTC)

Update - I found out how to add them, but I want a custom color to the border, is there a code for that? Thanks. Muzzy34 Talk 23:17, 31 July 2009 (UTC)


 * Maybe you could check at "live examples" in the middle of this page :
 * https://developer.mozilla.org/en/CSS/-moz-border-radius
 * — TulipVorlax 04:41, 1 August 2009 (UTC)


 * For the border, the code is, to be added to the CSS in the same section as the place you've put the moz borders. You can change it to your liking, e.g. change 1px to 2px to make the border thicker. You can change "solid" to "dotted" or "dashed" etc. Finally, you can change the "black" to any colour that you wish, though colours listed on Help:Color are generally more widely supported.  Wjxhuang ,  the 888th Avatar  {Talk} 04:56, 1 August 2009 (UTC)

I've been toying around with the CSS of the Wiki that I am doing it at (Pennsylvania Wiki), and found out that when I change this text:

color: #FFFFFF; background-color: #191970; border: 3px solid; #191970; -moz-border-radius: 12px; }
 * 1) wikia_page {

That is where the problem is, the color option is what changes the border around. I have it set to white (#FFFFFF) but want it set to gold (#FFD700). Anyone know any more help for this? Muzzy34 Talk 18:52, 1 August 2009 (UTC)


 * You just have a small error. Remove the ";" that is right after the word solid. — TulipVorlax 03:23, 2 August 2009 (UTC)


 * Ah, thanks! Everything is working fine now! Thanks again! Muzzy34 Talk 12:46, 2 August 2009 (UTC)


 * Just be aware that moz-border-radius only works in Firefox (and a few other browsers). -- Porter21 (talk) 15:38, 2 August 2009 (UTC)


 * Yes, I'm aware. That's what I'm using. Muzzy34 Talk 15:43, 2 August 2009 (UTC)


 * Ah, seems I misunderstood you. You're making a personal custom monaco.css, I assume? I thought you were making a (public) custom skin. -- Porter21 (talk) 16:26, 2 August 2009 (UTC)


 * -moz is firefox, -webkit is safari and chrome. 18:19, 2 August 2009 (UTC)


 * I switched over to Internet Explorer (my backup browser) and it seems that, although the borders are not curved (due to not being FireFox), the borders and the customized areas are functioning well enough. Muzzy34 Talk 18:33, 2 August 2009 (UTC)
 * Yes, only the curving wont be seen in IE (any version). The curving effet is part of the CSS 3. So maybe one day IE will get it too. But i dont think it would use to -moz or -webkit since thoses things arent really part of the CSS standard. It's like the IE thing for changing the scrollbar colors (or the IE filters). — TulipVorlax 00:07, 3 August 2009 (UTC)
 * Just to confirm what TulipVorlax said: hopefully it won't be too long until curved borders become standard. It's not really a "bad" thing to use the -moz and-webkit corners, just as long as it's checked that the design doesn't look terrible on IE :) 13:52, 3 August 2009 (UTC)