U kunt de stijl van de component 'Gesprekkenlijst' aanpassen door selectors toe te voegen in het bestand design.css
.
Gebruik deze CSS-selectors om de stijl van de component 'Gesprekkenlijst' aan te passen.
Naam selector | Beschrijving |
---|---|
.scs-convo-list-cust .scs-convo-list-container |
Buitenste DIV van de component |
.scs-convo-list-cust .scs-convo-list-title |
Titel van een gesprek in de lijst wanneer dit is geselecteerd |
.scs-convo-list-cust .scs-convo-list-line-separator |
Scheidingsteken tussen lijsttitel en de lijst |
.scs-convo-list-cust .scs-convo-list-convo-title |
Titel van een gesprek in de lijst |
.scs-convo-list-cust .scs-convo-list-convo-line-separator |
Scheidingsteken tussen elk gesprek |
.scs-convo-list-cust .scs-convo-list-active |
Titel van een gesprek in de lijst wanneer dit is geselecteerd |
.scs-convo-list-cust .scs-convo-list-convo-posts |
Aantal postings van een gesprek |
.scs-convo-list-cust .scs-convo-list-convo-unread |
Aantal ongelezen berichten van een gesprek |
.scs-convo-list-cust .scs-convo-list-convo-updated |
Gesprek laatst bijgewerkt op |
.scs-convo-list-cust .scs-convo-list-no-convo-msg |
Bericht wanneer de lijst leeg is |
.scs-convo-list-cust .scs-convo-list-no-auth-msg |
Bericht wanneer de gesprekkenlijst op een publieke site wordt weergegeven zonder gebruikersautorisatie |
Zie Stijlen en opmaak gebruiken in Sites bouwen met Oracle Content Management voor meer informatie.
Voorbeeld
In dit voorbeeld wordt het gebruik van aangepaste CSS voor wijzigingen van lettertype, stijl en kleur in een gesprekkenlijst getoond.
In de volgende code wordt de aangepaste CSS getoond die is gebruikt om het voorbeeld te maken:
.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; }