Add 'cdn/css/branding.css'
This commit is contained in:
1 parent
b276632714
commit
531541bb8e
1 file changed
+95
@@ -0,0 +1,95 @@
|
|||||||
|
/* This document is for all of the branding that is meant to be used on the website */
|
||||||
|
|
||||||
|
/* Fixing the theme code */
|
||||||
|
.card-dark {background-color: #202225; color: #FFFFFF;}
|
||||||
|
|
||||||
|
/* ------------------------------------------------------------------------------------------------------------------ */
|
||||||
|
|
||||||
|
/* Branding - Primary Branding - Background */
|
||||||
|
.bg-primarybrand {background-color: #8B2D59;}
|
||||||
|
/* Dark Moderate Pink */ .bg-primarybrand-websafe {background-color: #993366;}
|
||||||
|
/* systemPurple */ .bg-primarybrand-human {background-color: #BF5AF2;}
|
||||||
|
/* Pink 800 */ .bg-primarybrand-material {background-color: #AD1457;}
|
||||||
|
/* Magenta */ .bg-primarybrand-fluent {background-color: #BF0077;}
|
||||||
|
/* Magenta */ .bg-primarybrand-wp8 {background-color: #D80073;}
|
||||||
|
|
||||||
|
/* Branding - Primary Branding - Foreground */
|
||||||
|
.fg-primarybrand {color: #8B2D59;}
|
||||||
|
/* Dark Moderate Pink */ .fg-primarybrand-websafe {color: #993366;}
|
||||||
|
/* systemPurple */ .fg-primarybrand-human {color: #BF5AF2;}
|
||||||
|
/* Pink 800 */ .fg-primarybrand-material {color: #AD1457;}
|
||||||
|
/* Strong Pink */ .fg-primarybrand-fluent {color: #BF0077;}
|
||||||
|
/* Magenta */ .fg-primarybrand-wp8 {color: #D80073;}
|
||||||
|
|
||||||
|
/* Branding - Secondary Branding - Foreground (Hover) */
|
||||||
|
.fg-primarybrand:hover {color: #8B2D59;}
|
||||||
|
/* Dark Moderate Pink */ .fg-primarybrand-websafe:hover {color: #993366;}
|
||||||
|
/* systemPurple */ .fg-primarybrand-human:hover {color: #BF5AF2;}
|
||||||
|
/* Pink 800 */ .fg-primarybrand-material:hover {color: #AD1457;}
|
||||||
|
/* Magenta */ .fg-primarybrand-fluent:hover {color: #BF0077;}
|
||||||
|
/* Magenta */ .fg-primarybrand-wp8:hover {color: #D80073;}
|
||||||
|
|
||||||
|
/* ------------------------------------------------------------------------------------------------------------------ */
|
||||||
|
|
||||||
|
/* Branding - Secondary Branding - Background */
|
||||||
|
.bg-secondarybrand {background-color: #F9D7E8;}
|
||||||
|
/* Very pale magenta */ .bg-secondarybrand-websafe {background-color: #FFCCFF;}
|
||||||
|
/* systemPink */ .bg-secondarybrand-human {background-color: #FF375F;}
|
||||||
|
/* Pink 100 */ .bg-secondarybrand-material {background-color: #F8BBD0;}
|
||||||
|
/* Pure Pink */ .bg-secondarybrand-fluent {background-color: #EA005E;}
|
||||||
|
/* Soft Pink */ .bg-secondarybrand-wp8 {background-color: #F472D0;}
|
||||||
|
|
||||||
|
/* Branding - Secondary Branding - Foreground */
|
||||||
|
.fg-secondarybrand {color: #F9D7E8;}
|
||||||
|
/* Very pale magenta */ .fg-secondarybrand-websafe {color: #FFCCFF;}
|
||||||
|
/* systemPink */ .fg-secondarybrand-human {color: #FF375F;}
|
||||||
|
/* Pink 100 */ .fg-secondarybrand-material {color: #F8BBD0;}
|
||||||
|
/* Pure Pink */ .fg-secondarybrand-fluent {color: #EA005E;}
|
||||||
|
/* Soft Pink */ .fg-secondarybrand-wp8 {color: #F472D0;}
|
||||||
|
|
||||||
|
/* Branding - Secondary Branding - Foreground (Hover) */
|
||||||
|
.fg-secondarybrand:hover {color: #F9D7E8;}
|
||||||
|
/* Very pale magenta */ .fg-secondarybrand-websafe:hover {color: #FFCCFF;}
|
||||||
|
/* systemPink */ .fg-secondarybrand-human:hover {color: #FF375F;}
|
||||||
|
/* Pink 100 */ .fg-secondarybrand-material:hover {color: #F8BBD0;}
|
||||||
|
/* Pure Pink */ .fg-secondarybrand-fluent:hover {color: #EA005E;}
|
||||||
|
/* Soft Pink */ .fg-secondarybrand-wp8:hover {color: #F472D0;}
|
||||||
|
|
||||||
|
/* ------------------------------------------------------------------------------------------------------------------ */
|
||||||
|
|
||||||
|
/* Branding - Partner Branding - Background */
|
||||||
|
.bg-partnershipbrand {background-color: #2D598B;}
|
||||||
|
/* Dark Moderate Blue */ .bg-partnershipbrand-websafe {background-color: #336699;}
|
||||||
|
/* systemBlue */ .bg-partnershipbrand-human {background-color: #0A84FF;}
|
||||||
|
/* Blue 800 */ .bg-partnershipbrand-material {background-color: #1565C0;}
|
||||||
|
/* Dark Blue */ .bg-partnershipbrand-fluent {background-color: #0063B1;}
|
||||||
|
/* Cobalt */ .bg-partnershipbrand-wp8 {background-color: #0050EF;}
|
||||||
|
|
||||||
|
/* Branding - Partner Branding - Foreground */
|
||||||
|
.fg-partnershipbrand {color: #2D598B;}
|
||||||
|
/* Dark Moderate Blue */ .fg-partnershipbrand-websafe {color: #336699;}
|
||||||
|
/* systemBlue */ .fg-partnershipbrand-human {color: #0A84FF;}
|
||||||
|
/* Blue 800 */ .fg-partnershipbrand-material {color: #1565C0;}
|
||||||
|
/* Dark Blue */ .fg-partnershipbrand-fluent {color: #0063B1;}
|
||||||
|
/* Cobalt */ .fg-partnershipbrand-wp8 {color: #0050EF;}
|
||||||
|
|
||||||
|
/* Branding - Partner Branding - Foreground (Hover) */
|
||||||
|
.fg-partnershipbrand:hover {color: #2D598B;}
|
||||||
|
/* Dark Moderate Blue */ .fg-partnershipbrand-websafe:hover {color: #336699;}
|
||||||
|
/* systemBlue */ .fg-partnershipbrand-human:hover {color: #0A84FF;}
|
||||||
|
/* Blue 800 */ .fg-partnershipbrand-material:hover {color: #1565C0;}
|
||||||
|
/* Dark Blue */ .fg-partnershipbrand-fluent:hover {color: #0063B1;}
|
||||||
|
/* Cobalt */ .fg-partnershipbrand-wp8:hover {color: #0050EF;}
|
||||||
|
|
||||||
|
/* ------------------------------------------------------------------------------------------------------------------ */
|
||||||
|
|
||||||
|
/* Branding - Patreon Branding - Background */
|
||||||
|
/* Light Red */ .bg-patreon {background-color: #FF424D;}
|
||||||
|
|
||||||
|
/* Branding - Patreon Branding - Foreground */
|
||||||
|
/* Light Red */ .fg-patreon {color: #FF424D;}
|
||||||
|
|
||||||
|
/* Branding - Patreon Branding - Foreground (Hover) */
|
||||||
|
/* Light Red */ .fg-patreon:hover {color: #FF424D;}
|
||||||
|
|
||||||
|
/* ------------------------------------------------------------------------------------------------------------------ */
|
||||||
Reference in new issue
Block a user