Last active
December 13, 2015 18:58
-
-
Save chrisjimallen/4959278 to your computer and use it in GitHub Desktop.
color scheme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ----------------------------------------- | |
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