Skip to content

Instantly share code, notes, and snippets.

@zgracem
Created September 22, 2018 19:32
Show Gist options
  • Save zgracem/001f4bf2aef5b803d0001d0e53ae1bf4 to your computer and use it in GitHub Desktop.
Save zgracem/001f4bf2aef5b803d0001d0e53ae1bf4 to your computer and use it in GitHub Desktop.
Add ratings icons to AO3
dd.rating a::before {
color: #fff;
padding: 0 1ex;
margin-right: 1ex;
border-radius: 0.333ex;
}
dd.rating a[href="/tags/General%20Audiences/works"]::before {
content: "G";
background: #78a700;
}
dd.rating a[href="/tags/Teen%20And%20Up%20Audiences/works"]::before {
content: "T";
background: #e6d200;
color: #000;
}
dd.rating a[href="/tags/Mature/works"]::before {
content: "M";
background: #ed8115;
}
dd.rating a[href="/tags/Explicit/works"]::before {
content: "E";
background: #980000;
}
dd.rating a[href="/tags/Not%20Rated/works"]::before {
content: "NR";
background: #999;
}
@zgracem
Copy link
Author

zgracem commented Sep 22, 2018

Screenshots:

ao3-ratings-1

ao3-ratings-2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment