Skip to content

Instantly share code, notes, and snippets.

@chrisjimallen
Last active December 13, 2015 18:58
Show Gist options
  • Save chrisjimallen/4959278 to your computer and use it in GitHub Desktop.
Save chrisjimallen/4959278 to your computer and use it in GitHub Desktop.
color scheme
/* -----------------------------------------
Color Scheme
----------------------------------------- */
/* ============= COLOR 1 =================*/
/*
- Main Headline
*/
h1 {
color: #f11e6d;
}
/* ============= COLOR 2 =================*/
/*
- Large 'Win' text & accompanying strapline
- Handwriting font (smaller text)
- Terms & Conditions text in form below button
- Asterisks on form input text
- Left & right quotes on testimonials
- Large, bolder heading in page content
*/
huge.p, .big p, p.cursive, .disclaimer, span.moonray_required, span.quote, h4 {
color: #d0175c;
}
/*
- Call To Action button on form
*/
.button {
background-color: #d0175c;
}
/* ============= COLOR 3 =================*/
/*- Second line of text underneath page header
- Text in gallery section
- 'Enter Below' header
- form label text
*/
h2, h3, .gallery p, label {
color: #7f143c;
}
/*
- Hover over : Call To Action button on form
*/
.button:hover {
background-color: #7f143c;
}
/* ============= COLOR 4 =================*/
/*
- Handwriting font (larger text)
*/
p.cursive.small {
color: #6e6e6e;
}
/* ============= COLOR 5 =================*/
/*
- Gallery Border
- Form Border
- Footer Border
*/
.gallery, form, .footer {
border-color: #f0b7cd;
}
/* ============= COLOR 6 =================*/
/*
- Gallery Background
- Form Background
- Footer Background
*/
.gallery,form, .footer {
background-color: #f9d4e2;
}
/* ============= COLOR 7 =================*/
/*
- Overall body text
*/
p {
color: #716c6c;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment