-
-
Save jzapantis/9228e944d3316ea40e2b48453cd1a181 to your computer and use it in GitHub Desktop.
PwC(PriceWaterhouseCoopers) Colors
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
| '#eeb592', '#dc6900', '#a32020', '#d18f90', '#f09892', '#602320' | |
| --CSS--- | |
| /* colors */ | |
| .fg100-tangerine { color: #eb8c00; } | |
| .fg100-orange { color: #dc6900; } | |
| .fg100-red { color: #e0301e; } | |
| .fg100-rose { color: #db536a; } | |
| .fg100-burgundy { color: #a32020; } | |
| .fg100-maroon { color: #602320; } | |
| .fg100-warmgrey { color: #968c6d; } | |
| .fg100-coolgrey28282b { color: #28282b; } | |
| .fg100-coolgrey404041 { color: #404041; } | |
| .fg100-coolgrey6d6e71 { color: #6d6e71; } | |
| .fg100-coolgrey939598 { color: #939598; } | |
| .fg100-coolgreyc7c8ca { color: #c7c8ca; } | |
| .fg100-coolgreye7e7e8 { color: #e7e7e8; } | |
| .fg25-tangerine { color: #fae2bf; } | |
| .fg25-orange { color: #f6dabf; } | |
| .fg25-rose { color: #f6d4da; } | |
| .fg25-red { color: #f7cbc7; } | |
| .fg25-burgundy { color: #e8c7c7; } | |
| .fg25-maroon { color: #d7c8c7; } | |
| .fg25-warmgrey { color: #e5e2db; } | |
| .fg10-tangerine { color: #fdf4e5; } | |
| .fg10-orange { color: #fbf0e5; } | |
| .fg10-rose { color: #fbeef0; } | |
| .fg10-red { color: #fceae9; } | |
| .fg10-burgundy { color: #f6e9e9; } | |
| .fg10-maroon { color: #efe9e9; } | |
| .fg10-warmgrey { color: #f5f4f0; } | |
| .bg100-tangerine { background-color: #eb8c00; } | |
| .bg100-orange { background-color: #dc6900; } | |
| .bg100-rose { background-color: #db536a; } | |
| .bg100-burgundy { background-color: #a32020; } | |
| .bg100-maroon { background-color: #602320; } | |
| .bg100-warmgrey { background-color: #968c6d; } | |
| .bg100-coolgrey28282b { background-color: #28282b; } | |
| .bg100-coolgrey404041 { background-color: #404041; } | |
| .bg100-coolgrey6d6e71 { background-color: #6d6e71; } | |
| .bg100-coolgrey939598 { background-color: #939598; } | |
| .bg100-coolgreyc7c8ca { background-color: #c7c8ca; } | |
| .bg100-coolgreye7e7e8 { background-color: #e7e7e8; } | |
| .bg25-tangerine { background-color: #fae2bf; } | |
| .bg25-orange { background-color: #f6dabf; } | |
| .bg25-rose { background-color: #f6d4da; } | |
| .bg25-red { background-color: #f7cbc7; } | |
| .bg25-burgundy { background-color: #e8c7c7; } | |
| .bg25-maroon { background-color: #d7c8c7; } | |
| .bg25-warmgrey { background-color: #e5e2db; } | |
| .bg10-tangerine { background-color: #fbf0e5; } | |
| .bg10-orange { background-color: #fbf0e5; } | |
| .bg10-rose { background-color: #fbeef0; } | |
| .bg10-red { background-color: #fceae9; } | |
| .bg10-burgundy { background-color: #f6e9e9; } | |
| .bg10-maroon { background-color: #efe9e9; } | |
| .bg10-warmgrey { background-color: #f5f4f0; } | |
| /* plain text styles */ | |
| h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 42px; line-height: 46px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #000000; } | |
| h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; line-height: 30px; font-weight: bold; text-align: left; font-style: italic; text-decoration: none; color: #000000; } | |
| h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; font-weight: bold; text-align: left; font-style: normal; text-decoration: none; color: #000000; } | |
| p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #000000; } | |
| a { font-weight: bold; text-align: left; font-style: normal; text-decoration: none; color: #000000; } | |
| a:hover { font-weight: bold; text-align: left; font-style: normal; text-decoration: underline; color: #eb8c00; } | |
| /* logo */ | |
| .pwclogo { width: 100px; height: 75px; margin: 0px; padding: 0px; display: inline-table; position: relative; top: 20px; float: left; background-color: #ffffff; background-image: url(/logo.gif) norepeat !important; } | |
| /* progress bar */ | |
| .progressbar { width: auto; height: auto; margin: 0px; padding: 0px; display: block; position: relative; top: 20px; float: left; background-color: #ffffff; } | |
| .progressbar #grey p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #939598; } | |
| .progressbar #tangerine p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #eb8c00; } | |
| .progressbar-grey { width: 100%; height: 6px; margin: 0px; padding: 0px; display: block; position: relative; background-color: #e7e7e8; } | |
| .progressbar-tangerine { width: auto; height: 6px; margin: 0px; padding: 0px; display: block; position: relative; background-color: #eb8c00; } | |
| .nodes-grey { width: 10px; height: 10px; margin: 0px; padding: 0px; display: block; position: relative; vertical-align: middle; float: left; background-color: #ffffff; border-color: #e7e7e8; border-radius: 12px; border-style: solid; box-shadow: none; z-index: 10; } | |
| .nodes-tangerine { width: 10px; height: 10px; margin: 0px; padding: 0px; display: block; position: relative; vertical-align: middle; float: left; background-color: #eb8c00; border-color: #eb8c00; border-radius: 12px; border-style: solid; box-shadow: none; z-index: 10; } | |
| /* hero */ | |
| .hero { width: auto; height: auto; margin: 0px; padding: 20px; display: block; position: relative; top: 40px; blackground-color: #6d6e71; } | |
| .hero h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 42px; line-height: 46px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #ffffff; } | |
| .hero h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 28px; font-weight: bold; text-align: left; font-style: italic; text-decoration: none; color: #ffffff; } | |
| .hero p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #ffffff; } | |
| /* content in grey boxes */ | |
| .greybox { width: auto; height: auto; margin: 0px; padding: 15px; display: block; position: relative; blackground-color: #939598; } | |
| .greybox h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; line-height: 30px; font-weight: bold; text-align: left; font-style: italic; text-decoration: none; color: #ffffff; } | |
| .greybox h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; font-weight: bold; text-align: left; font-style: normal; text-decoration: none; color: #ffffff; } | |
| .greybox p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #ffffff; } | |
| /* numbered slider boxes with quotes */ | |
| .slider-container { width: auto; height: auto; margin: 0px; padding: 0px; display: block; position: relative; background-color: #ffffff; } | |
| .tangerinebox-100 { width: auto; height: auto; margin: 0px; padding: 15px; display: block; position: relative; blackground-color: #eb8c00; z-index: 0; } | |
| .tangerinebox-70 { width: auto; height: auto; margin: 0px; padding: 15px; display: block; position: relative; blackground-color: #e59f42; z-index: 10; } | |
| .tangerinebox-100 p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 20px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #ffffff; } | |
| .tangerinebox-70 p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 20px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #ffffff; } | |
| /* components for selection and components descriptions */ | |
| .components-container { width: auto; height: auto; margin: 0px; padding: 0px; display: block; position: relative; background-color: #ffffff; } | |
| .component #lightgrey { width: auto; height: auto; margin: 0px; padding: 10px; display: block; position: relative; background-color: #939598; } | |
| .component #darkgrey { width: auto; height: auto; margin: 0px; padding: 10px; display: block; position: relative; background-color: #28282b; } | |
| .component #tangerine { width: auto; height: auto; margin: 0px; padding: 10px; display: block; position: relative; background-color: #eb8c00; } | |
| .component p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #ffffff; } | |
| .components-description { width: auto; height: auto; margin: 0px; padding: 0px; display: block; position: relative; background-color: #ffffff; border-top: thin #eb8c00 solid; border-bottom: thin #eb8c00 solid; } | |
| .components-description p { margin-top: 20px; margin-bottom: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #eb8c00; } | |
| /* footer */ | |
| .copyright { width: 100%; height: 20px; margin: 0px; padding: 0px; display: block; position: relative; background-color: #ffffff; } | |
| .copyright p { font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px; font-weight: 400; text-align: left; font-style: normal; text-decoration: none; color: #6d6e71; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment