Auf "Eigene Farben verwenden" einstellen und dann diese Deklarationen nach Wunsch anpassen (sind alles Beispielwerte ähnlich der schwarzen Darstellung):
CSS
/* Hintergrundfarbe und Textfarbe Popup und Footerleiste */
.popupStyle7 {
background:#333;
color:#fff;
}
/* Rahmen und Schatten Popup */
.popupStyleBorder7 {
border:1px solid #000;
box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
/* Linkfarbe Popup */
.popupStyle7 a {
color:#D8F2FE;
}
/* Linkfarbe Hover Popup */
.popupStyle7 a:hover {
color:#fff;
}
/* Schließbutton Popup */
.popupCloseStyle7 {
background: rgba(0, 0, 0, 0.25);
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.6) inset, 0 1px 0 0 rgba(255, 255, 255, 0.1);
border-radius: 2px;
color:#FFF !important;
}
/* Schließbutton Hover Popup*/
.popupCloseStyle7:hover {
background: rgba(0, 0, 0, 0.5);
}
/* Registrierungslink Popup*/
.registerButtonStyle7 {
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.1);
color: #FFF !important;
text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #7fb439;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3) inset !important;
}
/* Registrierungslink Hover Popup*/
.registerButtonStyle7:hover {
color: #FFF !important;
background: #6C992F;
}
/* Footerleiste zusätzliche Deklarationen */
/* Rahmen und Schatten Footerleiste */
.popupStyleFooterBorder7 {
border-top:1px solid #000;
box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 0.2) inset;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
/* Linkfarbe Footerleiste */
.popupStyleFooterBorder7 a {
color: #FFC1B8 !important;
}
/* Linkfarbe Hover Footerleiste */
.popupStyleFooterBorder7 a:hover {
color: #FFF !important;
}
Alles anzeigen
