Использование шрифта потрясающе над контейнером, в котором уже есть псевдоэлементы

Question

Мне нужно отобразить шрифт потрясающие значки на div, который уже применяется псевдоэлементы (до и после). Скажем, у меня есть div, бумага с эффектом 3d, в которой используются псевдоэлементы. Теперь я хочу нарисовать контактную форму, которая использует шрифт потрясающие иконки. Но шрифт потрясающие иконки не отображаются.

Я пытался держать пустышку вокруг контактной формы, с четким исправлением. Но все равно не сработало

ОБНОВЛЕНИЕ: http://jsfiddle.net/tss5Z/

<div class="slickbox row">
    <div class="col-md-6">
        <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
            <input type="text" class="form-control" placeholder="Name">
        </div>
    </div>
    <div class="clear"></div>

</div>
<div class="input-group">
    <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
    <input type="text" class="form-control" placeholder="Name">
</div>

Answer 1

Я думаю, что у вас просто ошибка в вашем CSS.

Попробуйте удалить пробел после ваших селекторов классов... так:

.slickbox :before, .slickbox :after { ...

станет:

.slickbox:before, .slickbox:after { ...

и так далее. Смотрите рабочий jsFiddle.