Custom Login Page CSS Rounded Corners

Here is a link to my custom login page:

https://www.limelites.co.uk/index.php?main_page=login

It's getting there, but I am trying to make the corners or the border round using CSS.... Finding it a nightmare!

Been googling and this is the best they can come up with:

HTML:

CSS:
.t {background: url(dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(dot.gif) 0 100% repeat-x}
.l {background: url(dot.gif) 0 0 repeat-y}
.r {background: url(dot.gif) 100% 0 repeat-y}
.bl {background: url(bl.gif) 0 100% no-repeat}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}

How would I code this into my tpl_login_default.php and my custom login.css files?

There are a couple of free templates that have css rounded corners at http://(sorry, site offline)/

Might look at niftyzen, if my memory serves me right

It's so easy to just add:

-moz-border-radius: 5em;

to the stylesheet but that only works for mozilla browser... That's gonna have to do, spent toooooo much time on this :-)

Since it's for the log-in page only, why not make the width static, even if your width is dynamic elsewhere, and then use a background graphic with your rounded corners, with the stylesheet only used to control the placement of the form elements over that background?

Rob

Rob, Thanks for the suggestion, spent 10 minutes on it this morning and the result is exactly what I wanted:

https://www.limelites.co.uk/index.php?main_page=login&zenid=cb3effca8010a6fce074f18e3aebf0c9

Me's liking that!

Very nice!

Rob

Thanks.... :smartalec:

humm, you should start designing template for people like me , graphically challenged :cry:

Hi Tony, long time.... how's your biking going?? Hope you're getting the weather :-)

I've been too tied up in my own, knee deep in puzzling code as always :-) Check out some of my recent threads, don't seem to get any answers these days... questions must be getting too complex :-)

yep , been long time,
weather ??? biking ?? :shocking: well, still snowing . lol.
i been checking some of your question , and sure is getting complex enough that you need top guys attention ..

i can only add 5px padding here and there , thats all i can do with zencart . :blush:
if you have padding question .. i be there to answer it :P

Yikes, still snowing in April.... never mind, spring flowers and sunshine just around the corner :-)

I think you underestimate yourself, I've seen what you can do and it's a lot more than just padding :-)

P.S., what's padding?!?? lol