Please remember to follow the manual of style and code of conduct at all times.
Check BNN and Bulbanews for up-to-date Pokémon news and discuss it on the forums or in our IRC channel #bulbagarden on

Template talk:Roundy

From Bulbapedia, the community-driven Pokémon encyclopedia.
Revision as of 09:44, 6 November 2010 by 444Zekrom (Talk | contribs) (edit!)

Jump to: navigation, search
{{roundytl}} {{roundytop}} {{roundytr}}
{{roundyleft}} {{roundy}} {{roundyright}}
{{roundybl}} {{roundybottom}} {{roundybr}}


border-{{#switch: {{{2|}}}|tl=top-left-|tr=top-right-|bl=bottom-left-|br=bottom-right-}}radius: {{{1|10px}}}; -moz-border-radius{{#switch: {{{2|}}}|tl=-topleft|tr=-topright|bl=-bottomleft|br=-bottomright}}: {{{1|10px}}}; -webkit-border-{{#switch: {{{2|}}}|tl=top-left-|tr=top-right-|bl=bottom-left-|br=bottom-right-}}radius: {{{1|10px}}}; -khtml-border-{{#switch: {{{2|}}}|tl=top-left-|tr=top-right-|bl=bottom-left-|br=bottom-right-}}radius: {{{1|10px}}}; -icab-border-{{#switch: {{{2|}}}|tl=top-left-|tr=top-right-|bl=bottom-left-|br=bottom-right-}}radius: {{{1|10px}}}; -o-border-{{#switch: {{{2|}}}|tl=top-left-|tr=top-right-|bl=bottom-left-|br=bottom-right-}}radius: {{{1|10px}}};<!-- {{#switch: {{{2|}}}|tl=top-left|tr=top-right|bl=bottom-left|br=bottom-right}}--><noinclude>[[Category:Table templates]]</noinclude> This will add KHTML, iCab, and Opera support. I can prove Opera for sure.--immewnitythemew 19:06, 6 May 2010 (UTC)

There's also the issue of bloat, too many CSS workarounds slow load times slightly. iCab is barely used, for example, so it's not really worth it to slow down load for everyone just so a small fraction of users see rounded corners.
KHTML is slightly more widespread, because Safari also uses it, not just Konqueror. I'll need to test it a bit more to be certain, but we can switch that one out.
I'm not sure about the Opera code either; I'll test it on the older version of Opera I have on my laptop, but for future reference, Opera, as of recently, uses the plain border-radius code, and doesn't support the -o-border-radius or -opera-border-radius. -- Jïörüjï Ðērākō.>.cнаt^ 22:30, 6 May 2010 (UTC)
  1. Safari uses -webkit
  2. I've tested just -o on Opera 10 alpha and it worked.--immewnitythemew 22:22, 3 June 2010 (UTC)
And put the standard border-radius first!--immewnitythemew 22:23, 3 June 2010 (UTC)
There's an unneeded > after noinclude...--immewnitythemew 18:00, 6 June 2010 (UTC)
I believe different versions of Safari use different engines, but it's a moot point since we have KHTML and webkit both covered.
I don't believe -o is disabled entirely on newer versions of Opera, but I know for a fact that the newest versions of Opera use plain border-radius already (getting a head-start on CSS3 specs).
The extra > isn't hurting anything, just a mistake when I was copy-pasting.
And lastly, do you have a particular reason why you say border-radius should be first? From what I know about CSS in general, it should usually be last in line for this sort of code. -- Jïörüjï Ðērākō.>.cнаt^ 05:48, 8 June 2010 (UTC)
Opera never supported -o-border-radius. Also generic border-radius property should go *after* vendor specific ones. — Tenno Seremel 08:52, 21 July 2010 (UTC)

Roundycorners are dead.

Hope you guys are happy. TTEchidna 01:52, 16 June 2010 (UTC)

Oh stop pouting. They're not necessarily dead yet. That this template is partially to blame for the issues (never said it's the whole thing) is still a theory that's worth testing. If the roundy's were to blame....then we should try and find a way to do them without them causing issues, because I personally do like them roundy. --Archaic 04:24, 16 June 2010 (UTC)
No, I'm not happy. >:{ Although I don't believe we need to include the -webkit- prefix anymore as the newest versions of Safari and Chrome now support regular old border-radius (which I just discovered the other day), as does the latest version of Opera (no more need for -o-border-radius). Perhaps we could uncomment the regular and -moz- versions, leaving the rest hidden, and see what happens? Quagbert 14:03, 16 June 2010 (UTC)

Roundycorners are back!


We've split roundy into nine pieces. Currently, we have to fix a lot of the templates and pages whose coding is broken by this change. Should be done ASAP, if the servers cooperate. TTEchidna 08:27, 25 June 2010 (UTC)

Roundycorners go leafy!

I have an idea:

classy="roundytl" and classy="roundybr"
We can combine that to make {{leafybrtl}}:
classy="border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px;" ---- :classy="roundytr" and classy="roundybl" :Again, {{template|leafybltr}}: :<code><nowiki>classy="border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px;" ---- Can I get this to work? I haven't tried. To be moved to my sandbox!--[[User talk:444Zekrom|<span style="color:brown">444</span>]][[User:444Zekrom|<span style="color:black">Z</span>]][[Zekrom|<span style="color:blue">ekrom</span>]] 09:32, 6 November 2010 (UTC)