Борис Беньковский

Я бы использовал плагин, который после получения фокуса в окно ввода, подсвечивал бы маску(что очень явно)
digitalbush.com/projects/masked-input-plugin
Или, именно для ввода денежных сумм
plentz.github.io/jquery-maskmoney

Если вы знаете где искать, то пользуйтесь гугл переменными
https://www.google.ru/search?q=codepen&gws_rd=ssl#...
поиск 3d button только на сайте codepen.io

Ну, ищите в своем браузере инспектор элементов ( в chrome f11 клавиша, или правой кнопкой -> проверить элемент) и смотрите как реализовано... ну вот, например как здесь :
admiral-theme.tumblr.com

Логично заменить тип скрытого инпута с radio на checkbox:
jsfiddle.net/z9voy4j4/1

Вот все, что вы перечислили в тегах вопроса, плюс любое серверное приложение ( например на PHP + Mysql), это самый манимальный вариант. По желанию можно прикрутить еще много всяких технологий, вопрос в количестве часов выделенных на это и навыки.

у вас на элементах

<a class="page larger" href="http://blog.sk8er.name/page/2">2</a>

висит аттрибут float:left
убираете его, и text-align:center вешаете на

<div class="wp-pagenavi" style="
    text-align: center;
">
</div>