Anpassa format för konversationslistor

Du kan anpassa formatet för en konversationslistkomponent genom att lägga till väljare i filen design.css.

Använd dessa CSS-väljare för att anpassa konversationslistkomponentens format.

Namn på väljare Beskrivning
.scs-convo-list-cust .scs-convo-list-container Komponentens yttersta DIV
.scs-convo-list-cust .scs-convo-list-title Titel på en konversation i listan när den är vald
.scs-convo-list-cust .scs-convo-list-line-separator Avgränsare mellan listtitel och lista
.scs-convo-list-cust .scs-convo-list-convo-title Titel på en konversation i listan
.scs-convo-list-cust .scs-convo-list-convo-line-separator Avgränsare mellan konversationer
.scs-convo-list-cust .scs-convo-list-active Titel på en konversation i listan när den är vald
.scs-convo-list-cust .scs-convo-list-convo-posts Antal inlägg i en konversation
.scs-convo-list-cust .scs-convo-list-convo-unread Antal olästa meddelanden i en konversation
.scs-convo-list-cust .scs-convo-list-convo-updated Senaste uppdateringsdatumet för en konversation
.scs-convo-list-cust .scs-convo-list-no-convo-msg Meddelande när listan är tom
.scs-convo-list-cust .scs-convo-list-no-auth-msg Meddelande när konversationslistan återges på allmän plats utan användarens godkännande

Se Använda format och formatering i Bygga webbplatser med Oracle Content Management.

Exempel

Det här exemplet illustrerar användningen av anpassad CSS för ändringar av teckensnitt, format och färg i en konversationslista.


Beskrivning av GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png följer
Beskrivning av illustrationen GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

Följande kod visar den anpassade CSS som använts för att skapa exemplet:

.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;
}