Tilpasse stiler for konversasjonslister

Du kan tilpasse stilen for en konversasjonslistekomponent ved å legge til velgere i filen design.css.

Bruk disse CSS-velgerne til å tilpasse stilen for konversasjonslistekomponenten.

Velgernavn Beskrivelse
.scs-convo-list-cust .scs-convo-list-container Ytterste DIV for komponenten
.scs-convo-list-cust .scs-convo-list-title Tittelen på en konversasjon i listen når den er valgt
.scs-convo-list-cust .scs-convo-list-line-separator Skilletegn mellom listetittelen og listen
.scs-convo-list-cust .scs-convo-list-convo-title Tittelen på en konversasjon i listen
.scs-convo-list-cust .scs-convo-list-convo-line-separator Skilletegn mellom hver konversasjon
.scs-convo-list-cust .scs-convo-list-active Tittelen på en konversasjon i listen når den er valgt
.scs-convo-list-cust .scs-convo-list-convo-posts Antall innlegg i en konversasjon
.scs-convo-list-cust .scs-convo-list-convo-unread Antall uleste meldinger i en konversasjon
.scs-convo-list-cust .scs-convo-list-convo-updated Den siste oppdateringsdatoen for en konversasjon
.scs-convo-list-cust .scs-convo-list-no-convo-msg Melding når listen er tom
.scs-convo-list-cust .scs-convo-list-no-auth-msg Melding når konversasjonslisten gjengis på et offentlig område uten brukerautorisasjon

Se Bruke stiler og formatering i Bygge områder med Oracle Content Management.

Eksempel

Dette eksemplet illustrerer bruken av tilpasset CSS for endringer av skrifttype, stil og farge i en konversasjonsliste.


Beskrivelse av GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png følger
Beskrivelse av illustrasjonen GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

Den følgende koden viser tilpasset CSS som brukes til å opprette eksemplet:

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