Здесь соберу все блоки
Цвета (color)
color: rgb(76, 140, 189);
color: rgba(76, 140, 189, 0.6);
color: rgba(229, 57, 53, 0.8);
color: rgba(255, 255, 255, 0.7);
Блоки
background: rgb(255, 207, 207);
background: rgba(255, 207, 207, 0.4);
box-shadow: 0 0 1px 2px rgba(255, 207, 207, 0.8);
background: #ffae19;
Рейтинг - звезда
background: rgba(224, 248, 201, 0.4);
box-shadow: 0 0 1px 2px rgba(0, 82, 0, 0.25);
Отзыв: Положительный
background: #e0f8c9;
border: 1px solid #b6ef81;
background: rgba(30, 56, 75, 0.7);
background: rgba(30, 56, 75, 0.7);
box-shadow: 0 0 1px 1px rgb(30, 56, 75);
Всплывающее сообщение
background: rgba(0,0,0,0.5);
background: rgba(0,0,0,0.8);
background: #4C8CBD;
hover
background: rgb(183, 209, 228);
background: rgba(126, 164, 191, 0.7);
background-color: rgb(183, 209, 228);
background: rgb(216, 231, 238);
background: rgba(216, 231, 238, 0.5);
background: rgb(216, 231, 238);
border: 1px solid rgb(183, 209, 228);
background: rgba(219, 219, 219, 0.6);
background: rgba(236, 240, 241, 0.7);
box-shadow: 0 0 1px 2px rgba(219, 219, 219, 0.8);
background: rgba(219, 219, 219, 0.3);
box-shadow: 0 0 1px 1px rgba(219, 219, 219, 0.6);
background: rgba(237, 237, 237, 0.3);
box-shadow: 0 0 1px 1px rgb(237, 237, 237);
background: #f9f9f9;
border-left: 3px solid #8cdd89;
outline: 1px solid rgb(230, 230, 230);
background: #fff;
border: 5px solid #fff;
box-shadow: 0 0 5px #ccc;
background: #fff;
box-shadow: 0 0 1px 1px #ccc;
background: #fff;
border: 1px solid #4c8cbd;
Кнопки:
Кнопка "Основной фон" background: #4c8cbd; http://www.color-hex.com/color/4c8cbd или rgb(76, 140, 189) или rgba(76, 140, 189, 1)
Кнопка "цвет шрифта" color: #fff
—————
Активная "Основной фон" background: rgba(76, 140, 189, 0.4); на 6 оттенков светлей
#b7d1e4
Активная "цвет шрифта" color: #000
—————
Ховер эффект "цвет" opacity:0.8;
Ховер "цвет шрифта" color: #000;
Кнопки:
Есть несколько видов кнопок - это просто div или input. Их и рассмотрим:
Обычная кнопка
стиль: a.recall-button
<a class="recall-button" href="#"><i class="fa fa-comments"></i><span>Приватный чат</span></a>
Приватный чат
Кнопка загрузки файла type="file"
Выберите изображение
Её html код:
<div class="recall-button rcl-upload-button">
<span>Выберите изображение</span>
<input type="file" multiple="" accept="image/*" name="some_name" class="rcl-box-uploader">
</div>
Кнопка отправки формы type="submit"
Её html код:
<form enctype="multipart/form-data" method="post" action="" onsubmit="" class="public-form" id="form-post-0">
<input type="hidden" value="" name="_wpnonce" id="_wpnonce">
<div class="submit-public-form">
<input type="button" class="rcl-preview-post recall-button" onclick="" value="Предпросмотр">
</div>
</form>
Кнопка в форме type="button"
Её html код:
<form enctype="multipart/form-data" method="post" action="" onsubmit="" class="public-form" id="form-post-0" style="">
<input type="hidden" value="" name="_wpnonce" id="_wpnonce">
<div class="rcl-preview-buttons">
<input type="button" value="Редактировать" onclick="" class="recall-button">
</div>
</form>
Кнопки навигации:
Их html код:
<div class="rcl-navi">
<span>1</span>
<a href="#">2</a>
<a href="#">3</a>
</div>
Кнопки над записью:
Стили в админке в блоке настроек:
Warning - добавляете класс
adm_warn
Например: <span class="adm_warn">Warning</span>
Success - добавляете класс
adm_succ
Например: <span class="adm_succ">Success</span>
Размер шрифта:
Есть еще
adm_b14, adm_b16, adm_b18
Warning 16px - добавляете класс
adm_warn adm_b16
Например: <span class="adm_warn adm_b16">Warning 16px</span>
Success 18px - добавляете класс
adm_succ adm_b18
Например: <span class="adm_succ adm_b18">Success 18px</span>
#000