Rounded images

Hallo,

Ich benutze das Adventures Template mit TinyMCR und wolte gerne auch "circle" und "rounded" images benutzen.
Dazu habe ich "editor.css" zugefugt an das template mit nachfolgender einhalt:

.img-rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.img-polaroid {
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-circle {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}

Die styles sind jetz sichtbar im artikel-editor aber wen ich sie benutzen dan passiert nichts.

Wie kan ich das schaffen?

Hallo, wenn sie die Styles für Bilder nutzen möchten, dann müssen sie diese Styles händisch in den Quelltext eingeben.
Mit dem Joomla Editor werden sie scheitern!
Editor deaktivieren und folgenden Code einfügen:

<img class="img-polaroid" src=".png"/>