Настройка стилей списка диалогов

Стиль компонента "Список диалогов" можно настроить, добавив селекторы в файл design.css.

Используйте эти селекторы CSS для настройки стиля компонента "Список диалогов".

Имя селектора Описание
.scs-convo-list-cust .scs-convo-list-container Наиболее удаленное значение DIV компонента
.scs-convo-list-cust .scs-convo-list-title Заголовок диалога в списке, когда он выбран
.scs-convo-list-cust .scs-convo-list-line-separator Разделитель между заголовком списка и списком
.scs-convo-list-cust .scs-convo-list-convo-title Заголовок диалога в списке
.scs-convo-list-cust .scs-convo-list-convo-line-separator Разделитель между диалогами
.scs-convo-list-cust .scs-convo-list-active Заголовок диалога в списке, когда он выбран
.scs-convo-list-cust .scs-convo-list-convo-posts Количество сообщений в диалоге
.scs-convo-list-cust .scs-convo-list-convo-unread Количество непрочитанных сообщений в диалоге
.scs-convo-list-cust .scs-convo-list-convo-updated Дата последнего обновления диалога
.scs-convo-list-cust .scs-convo-list-no-convo-msg Сообщение, когда список пуст
.scs-convo-list-cust .scs-convo-list-no-auth-msg Сообщение, когда компонент "Список диалогов" визуализируется на общедоступном сайте без авторизации пользователя

См. раздел "Использование стилей и форматирование" в документе Построение сайтов с помощью Oracle Content Management.

Пример

В этом примере иллюстрируется использование пользовательских таблиц CSS для изменения шрифта, стиля и цвета в компоненте "Список диалогов".


Описание GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png ниже
Описание иллюстрации GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

Следующий код показывает пользовательские таблицы CSS, используемые для создания примера:

.scs-convo-list-cust .scs-convo-list-container {
    background-color: azure;
}

.scs-convo-list-cust .scs-convo-list-title {
    color: crimson;
}

.scs-convo-list-cust .scs-convo-list-line-separator {
    border-bottom: 2px dashed #dfe4e7;
}

.scs-convo-list-cust .scs-convo-list-convo-title {
    font-style: italic;
}

.scs-convo-list-cust .scs-convo-list-active {
    text-decoration: underline;
}

.scs-convo-list-cust .scs-convo-list-convo-posts {
    color: cadetblue;
    font-size: 12px;
}

.scs-convo-list-cust .scs-convo-list-convo-unread {
    color: brown;
    font-size: 12px;
    float: left;
}

.scs-convo-list-cust .scs-convo-list-convo-updated {
    color: blueviolet;
    font-size: 12px;
    clear:none;
}

.scs-convo-list-cust .scs-convo-list-no-convo-msg {
    font-size: 18px;
    color: darkorange;
}

.scs-convo-list-cust .scs-convo-list-no-auth-msg {
    font-size: 18px;
    color: red;
}