- Firefox-Version
- 103.0.2
- Betriebssystem
- Win 11
Hallo,
ich möchte folgende Webseite designtechnisch über die UserContent.css anpassen:
Hier mein Code:
CSS
@-moz-document domain("https://kalender.digital/XXXXXXXXXX){
/*3 Symbole oben auf der linken Seite*/
/*1. Symbol*/
.toggle_btn[_ngcontent-c31] {
font-size: 18px;
background-color: #ffd !important;
}
/*2. Symbol*/
/*3. Symbol*/
/*Zeile mit Wochentagen*/
.dhx_scale_bar {
position: absolute;
text-align: center;
background-color: #fff;
padding: 2px 0 0;
font-size: 11px;
font-weight: inherit;
line-height: 16px;
color: #a83232 !important;
background-color: lime !important;
}
/*aktueller Tag*/
.todayTableCell > .dhx_month_body, .todayTableCell > .dhx_month_head {
background: #c0be88;
}
/*aktueller Monat*/
.dhx_month_body {
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
background-color: #933434;
}
.dhx_month_head {
height: 21px;
padding: 0 5px 0 0;
font-size: 12px;
font-weight: inherit;
line-height: 21px;
color: #362d26;
border-right: 1px solid #cecece;
background-color: #933c3c;
text-align: right;
}
/*nächster Monat*/
.notInRangeTableCell > .dhx_month_body, .notInRangeTableCell > .dhx_month_head {
background: #0c73d9 !important;
color: #ffd700 !important;
}
/*Wochenende*/
.weekendTableCell > .dhx_month_body, .weekendTableCell > .dhx_month_head {
background: #8ed5ea;
color: #00016e !important;
}
}
Alles anzeigen
Jedoch bewirkt dies keine Veränderung am Erscheinungsbild, obwohl es da eigendlich einiges ändern müsste...
Hat jemand eine Idee, woran das liegen könnte?
P.S. Andere Seiten konnte ich erfolgreich über die UserContent.css ändern.