Rounded corners again (css)

Rounded corners again (css)

by Boiciuc Adrian -
Number of replies: 2
Hy,

I`m trying to change the css of a new moodle theme and i can`t seems to find a way to add the rounded corners on the blocks headers:

Rounded corners

In the left is the actual theme In the right is how i would like to be

I`m only interested to be like this in Mozilla/Firefox

Any help or suggestion would be much apriciated
Average of ratings: -
In reply to Boiciuc Adrian

Re: Rounded corners again (css)

by Urs Hunkler -
Picture of Core developers

Hi Boiciuc, you need to change the properties for the DIVs in the top of the sideblocks.

Please look at my posting with a figure showing the involved IDs and CLASSes and change the appropriate values in styles_moz.css. Very handy tools to get informations about IDs and CLASSes are the Firefox "Web Developer" extension and Andrew Walker's Greasemonkey Script CSS Inspector.

I hope my explanation helps you proceed with your theme project.
Urs

In reply to Boiciuc Adrian

Re: Rounded corners again (css)

by Jean-Marc Loisil -

Hi,

I tested a simple technique which seems to work. Here is the result :

Rounded Corners

...and here is the explanation (pardon my english ;)