Здесь соберу все блоки

Цвета (color)

color: rgb(76, 140, 189);
color: rgba(76, 140, 189, 0.6);
color: red;
color: rgb(229, 57, 53);
color: rgba(229, 57, 53, 0.8);
color: #008000;
color: #89e535;
color: #A3F558;
color: #000;
color: rgb(30, 56, 75);
color: #333;
color: #ffae19;
color: #fff;
color: rgba(255, 255, 255, 0.7);
color: #aaa;
color: #777;

Блоки

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: #fff5ce;
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: #bfffbd;
background: #8cdd89;
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>
Кнопки навигации:
1 2 3

Их 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