Marianamystery's work skins + Red-Black site skin

by marianamystery

Summary:

Posting it as a work so that others that like the author colors on my fics, OR the look of my black and red site skin, can copy the code and use it themselves.

Chapter 1 => Author name colors and fonts of my different Pseuds.
Chapter 2 => Black and Red Site Skin
Chapter 3 => Text sizes Workskin rules/settings
Chapter 4 => Cookie Run Kingdom Workskin rules/settings
Chapter 5 => Rise of the Guardians Workskin rules/settings

Notes:

Chapter 1 is the CSS for the author name colors and fonts of my different Pseuds.
It's done by using a WORK SKIN on the fics themselves.
Work Skins can be seen by everyone that has "Creator's Style" enabled for fics.
This means that they can also be reverted to normal fic appearance by clicking "Hide Creator's Style" at the top of the fic.

Chapter 2 is the CSS for the black and red SITE SKIN I use for my own AO3 visuals. (Client/User side only, solely visible to the person using it.)

Chapter 1: Colored author name in fics (Work skin)

Summary:

This is something that can be done with a WORK SKIN on the fic itself, to color the author name and change the font as well.

 

Here is the CSS for the different colors of author name I use in my fics.

Different pseuds have different colors because I like seeing the different colors for different "authors".

If I ever write for other fandoms beyond CRK and RotG, I might add another pseud and use a different color. Or not, haven't decided yet.

 

Marianamystery (plus my co-writer Blue Queen):
 
Marianamystery:
#workskin .byline.heading a:nth-of-type(1) {
  font-family: Allura, Lucida Calligraphy, cursive;
  font-size: 170%;
background: linear-gradient(to bottom, #ff0600, #ff0600, #ff0600, #6b0400, #6b0400); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
Blue Queen:
#workskin .byline.heading a:nth-of-type(2) {
  font-family: Monotype Corsiva, cursive;
  font-size: 170%;
background: linear-gradient(to bottom, #4169E1, #4169E1, #4169E1, #001a66, #001a66); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

---

MoonKeeper:

MoonKeeper:
#workskin .byline.heading a:nth-of-type(1) {
  font-family: Allura, Lucida Calligraphy, cursive;
  font-size: 170%;
  background: linear-gradient(to bottom, #2655d3c, #2655d3, #66ffff, #66ffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

---

PissyCookies:

PissyCookies:
#workskin .byline.heading a:nth-of-type(1) {
  font-family: Allura, Lucida Calligraphy, cursive;
  font-size: 170%;
  color: #ddb12c;
}