Bug #736

avatar

CSS Rounded Corners in standard theme

Added by Zach Hall 106 days ago. Updated 71 days ago.

Status:New Start:08/06/2009
Priority:Normal Due date:
Assigned to:- % Done:

0%
Category:-
Target version:-

Description

I love the new standard theme, but the way the rounded corners are is a bit strange. I see that png images were used to create the rounded corners, and that not all browsers support rounded corner rendering as pure CSS, but when changing the color scheme of the default theme I found this to be the result:

I was thinking that perhaps you could try using http://www.css3.info/preview/rounded-border/ to create purely css corners (and leave IE users out in the cold)

(I'm in the process of making a modded theme that'll include a javascript to change color schemes, that's why this came up.)

History

Updated by Zach Hall 106 days ago

avatar
Modded the default theme to incorporate CSS3 corners. Changed the style.css sheet to this (around line 172):
.rr {text-align: left; background: #DDD; margin: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;}
.hrr {text-align: center; background: #CCC; margin: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;}
.rrcontent {margin: 0px 8px; text-align: center;}

Changed layout.class.php around line 107:
<div class='hrr' id='$i-toggle'>
    <div class='hrrcontent'><h3>$h</h3></div>
</div>

and around line 117:
<div class='hrr' id='$i-toggle'>
    <div class='hrrcontent'><h3>$h</h3></div>
</div>

I'll post everything in a zip once I finish.

Also available in: Atom PDF