Tilpasse typografier for samtalelister

Du kan tilpasse typografien for en samtalelistekomponent ved at tilføje vælgere i filen design.css.

Brug disse CSS-vælgere til tilpasning af typografien for komponenten Samtaleliste.

Vælgernavn Beskrivelse
.scs-convo-list-cust .scs-convo-list-container Yderste DIV-tag i komponenten
.scs-convo-list-cust .scs-convo-list-title Titel på en samtale på listen, når den er valgt
.scs-convo-list-cust .scs-convo-list-line-separator Separator mellem listetitlen og listen
.scs-convo-list-cust .scs-convo-list-convo-title Titel på en samtale på listen
.scs-convo-list-cust .scs-convo-list-convo-line-separator Separator mellem hver samtale
.scs-convo-list-cust .scs-convo-list-active Titel på en samtale på listen, når den er valgt
.scs-convo-list-cust .scs-convo-list-convo-posts Antal opslag i en samtale
.scs-convo-list-cust .scs-convo-list-convo-unread Antal ulæste meddelelser i en samtale
.scs-convo-list-cust .scs-convo-list-convo-updated Dato for sidste opdatering for en samtale
.scs-convo-list-cust .scs-convo-list-no-convo-msg Meddelelse, når listen er tom
.scs-convo-list-cust .scs-convo-list-no-auth-msg Meddelelse, når samtalelisten gengives på et offentligt site uden brugerautorisation

Se Bruge typografier og formatering i Opbygning af sites med Oracle Content Management.

Eksempel

Dette eksempel illustrerer brugen af tilpasset CSS til skrift-, typografi- og farveændringer på en samtaleliste.


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

Følgende koder viser det tilpassede CSS, der bruges til oprettelse af 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;
}