diff --git a/docs/verify.md b/docs/verify.md new file mode 100644 index 0000000..d8a8d73 --- /dev/null +++ b/docs/verify.md @@ -0,0 +1,46 @@ +# Verify + +You need to add the following snippet to the `tweaks.css` file. + +## Verify users +```css +.ui.user.list a[href="/USERNAME"]::after, .profile-avatar-name a[href="/USERNAME.rss"]::after { + display: inline-block; + content: var(--fj-tweaks--checkmark); + color: var(--fj-tweaks--verified-color); + border: solid 2px var(--fj-tweaks--verified-color); + margin-left: 3px; + border-radius: 99999px; +} + +.ui.user.list a[href="/USERNAME"]::after { padding: 0 2px 1px 3px; } +.profile-avatar-name a[href="/USERNAME.rss"]::after { padding: 0 3.5px 1px 3.5px; } + +.ui.user.list a[href="/USERNAME"]:hover::after, .profile-avatar-name a[href="/USERNAME.rss"]:hover::after { + content: var(--fj-tweaks--verified-text); + padding-left: 5px; + padding-right: 5px; +} +``` + +### Verify organizations +```css +.ui.user.list a[href="/ORG"]::after, #org-info a[href="/ORG.rss"]::after { + display: inline-block; + content: var(--fj-tweaks--checkmark); + color: var(--fj-tweaks--official-color); + border: solid 2px var(--fj-tweaks--official-color); + margin-left: 3px; + border-radius: 99999px; +} + +.ui.user.list a[href="/ORG"]::after { padding: 0 2px 1px 3px; } +#org-info a[href="/ORG.rss"]::after { padding: 0 10px 1px 10px; } + +.ui.user.list a[href="/ORG"]:hover::after, #org-info a[href="/ORG.rss"]:hover::after { + content: var(--fj-tweaks--official-text); + padding-left: 5px; + padding-right: 5px; +} + +``` \ No newline at end of file