TinyMCEを使っているのなら、単純にツールバーからblockquote/indentアイコンをクリックで反映されると思います。（フォーラム回答抜粋）

が、透明の空間が前に空くだけですよね・・・汗

オリジナルの引用スタイルを作るには・・・

テンプレートのCSSファイルを編集する。

エクステンション＞テンプレートマネージャ　へ
デフォルトテンプレート名の上でクリックします。

テンプレート編集画面に切り替わるので、右上部にある【CSS編集】をクリック。

たくさんのCSSファイルが並んでいると思いますが、template.css　のラジオボタンにチェックを入れ右上部にある【編集】ボタンをクリック。

blockquote {padding: 8px; border: 1px #DDD dashed }

と空欄にCSSコードを挿入してみます。

変更を保存します。

TinyMCE利用の場合は、 ボタンをクリックします。
HTML編集の場合は以下のコードを挿入します。

test text

私もやってみました。＾＾

※テンプレートを変更した場合は随時変更した方のテンプレートにも同じ事をしてあげて下さい。

参考）http://www.inprose.com/articles/2-howtos/9-create-your-own-blockquote-in-joomla.html