scratch some of that: the errors are still there however some of the custom.css is working. Some of it isn't. Anything white isn't correct - I thought I had gotten the element definitions correct using the Web Inspector.
Apparently not.
Maybe I got caught up by some inheritance stream or simply misidentified body.dark header h1, body dark header h2, body.dark h2 and body.dark p
does anything glaring stand out?
@font-face {
font-family: "rooney-sans",sans-serif;
}
@font-face {
font-family: "ff-nuvo-web-pro", sans-serif;
}
h1 p {
font-family: "rooney-sans",sans-serif;
}
/* where we use it */
body.dark header h1 {
font-family: "rooney-sans", sans-serif;
font-size: 18px;
line-height: 1.5;
color: yellow;
}
body.dark header h2 {
font-family: "rooney-sans",sans-serif;
font-size: 125%;
color: yellow;
}
body.dark h2 {
font-family: "ff-nuvo-web-pro", sans-serif;
font-size: 125%;
font-weight: normal;
line-height: 1.50;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
color: yellow;
}
body.dark p {
font-family: "ff-nuvo-web-pro", sans-serif;
color: yellow;
}
/* footer */
body.dark footer {
font-family: "ff-nuvo-web-pro", sans-serif;
color: yellow;
}
Thanks