Created
May 12, 2022 09:51
-
-
Save xnuk/82769bdc8444d0f653f5afb674c8c6d1 to your computer and use it in GitHub Desktop.
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
| @-moz-document domain("www.acmicpc.net") { | |
| span[class^="solvedac-tier-name-"]:not(.solvedac-tier-name-0):not(.solvedac-tier-name--1):after { | |
| color: currentcolor; | |
| font-size: .9em | |
| } | |
| /* cheese bar: https://codepen.io/xnuk/pen/LYQRZJa */ | |
| span[class^="solvedac-tier-name-"]:not(.solvedac-tier-name-0):not(.solvedac-tier-name--1):before { | |
| background-image: linear-gradient(to right | |
| , #ad5600 calc(100% * (0 / 6)) | |
| , #ad5600 calc(100% * ((1 - 1 / 6) / 6)) | |
| , transparent calc(100% * ((1 - 1 / 6) / 6)) | |
| , transparent calc(100% * (1 / 6)) | |
| , #435f7a calc(100% * (1 / 6)) | |
| , #435f7a calc(100% * ((2 - 1 / 6) / 6)) | |
| , transparent calc(100% * ((2 - 1 / 6) / 6)) | |
| , transparent calc(100% * (2 / 6)) | |
| , #ec9a00 calc(100% * (2 / 6)) | |
| , #ec9a00 calc(100% * ((3 - 1 / 6) / 6)) | |
| , transparent calc(100% * ((3 - 1 / 6) / 6)) | |
| , transparent calc(100% * (3 / 6)) | |
| , #27e2a4 calc(100% * (3 / 6)) | |
| , #27e2a4 calc(100% * ((4 - 1 / 6) / 6)) | |
| , transparent calc(100% * ((4 - 1 / 6) / 6)) | |
| , transparent calc(100% * (4 / 6)) | |
| , #00b4fc calc(100% * (4 / 6)) | |
| , #00b4fc calc(100% * ((5 - 1 / 6) / 6)) | |
| , transparent calc(100% * ((5 - 1 / 6) / 6)) | |
| , transparent calc(100% * (5 / 6)) | |
| , #ff0062 calc(100% * (5 / 6)) | |
| , #ff0062 calc(100% * ((6 - 1 / 6) / 6)) | |
| , transparent calc(100% * ((6 - 1 / 6) / 6)) | |
| , transparent 100% | |
| ); | |
| background-size: 180px; | |
| background-repeat: no-repeat; | |
| content: ""; | |
| display: inline-block; | |
| height: 4px; | |
| vertical-align: middle; | |
| margin-right: 6px; | |
| font-size: 6px; | |
| } | |
| .solvedac-tier-name-1:before { width: 1em; } .solvedac-tier-name-1[class^="s"]:after { content: "01"; } | |
| .solvedac-tier-name-2:before { width: 2em; } .solvedac-tier-name-2[class^="s"]:after { content: "02"; } | |
| .solvedac-tier-name-3:before { width: 3em; } .solvedac-tier-name-3[class^="s"]:after { content: "03"; } | |
| .solvedac-tier-name-4:before { width: 4em; } .solvedac-tier-name-4[class^="s"]:after { content: "04"; } | |
| .solvedac-tier-name-5:before { width: 5em; } .solvedac-tier-name-5[class^="s"]:after { content: "05"; } | |
| .solvedac-tier-name-6:before { width: 6em; } .solvedac-tier-name-6[class^="s"]:after { content: "06"; } | |
| .solvedac-tier-name-7:before { width: 7em; } .solvedac-tier-name-7[class^="s"]:after { content: "07"; } | |
| .solvedac-tier-name-8:before { width: 8em; } .solvedac-tier-name-8[class^="s"]:after { content: "08"; } | |
| .solvedac-tier-name-9:before { width: 9em; } .solvedac-tier-name-9[class^="s"]:after { content: "09"; } | |
| .solvedac-tier-name-10:before { width: 10em; } .solvedac-tier-name-10[class^="s"]:after { content: "10"; } | |
| .solvedac-tier-name-11:before { width: 11em; } .solvedac-tier-name-11[class^="s"]:after { content: "11"; } | |
| .solvedac-tier-name-12:before { width: 12em; } .solvedac-tier-name-12[class^="s"]:after { content: "12"; } | |
| .solvedac-tier-name-13:before { width: 13em; } .solvedac-tier-name-13[class^="s"]:after { content: "13"; } | |
| .solvedac-tier-name-14:before { width: 14em; } .solvedac-tier-name-14[class^="s"]:after { content: "14"; } | |
| .solvedac-tier-name-15:before { width: 15em; } .solvedac-tier-name-15[class^="s"]:after { content: "15"; } | |
| .solvedac-tier-name-16:before { width: 16em; } .solvedac-tier-name-16[class^="s"]:after { content: "16"; } | |
| .solvedac-tier-name-17:before { width: 17em; } .solvedac-tier-name-17[class^="s"]:after { content: "17"; } | |
| .solvedac-tier-name-18:before { width: 18em; } .solvedac-tier-name-18[class^="s"]:after { content: "18"; } | |
| .solvedac-tier-name-19:before { width: 19em; } .solvedac-tier-name-19[class^="s"]:after { content: "19"; } | |
| .solvedac-tier-name-20:before { width: 20em; } .solvedac-tier-name-20[class^="s"]:after { content: "20"; } | |
| .solvedac-tier-name-21:before { width: 21em; } .solvedac-tier-name-21[class^="s"]:after { content: "21"; } | |
| .solvedac-tier-name-22:before { width: 22em; } .solvedac-tier-name-22[class^="s"]:after { content: "22"; } | |
| .solvedac-tier-name-23:before { width: 23em; } .solvedac-tier-name-23[class^="s"]:after { content: "23"; } | |
| .solvedac-tier-name-24:before { width: 24em; } .solvedac-tier-name-24[class^="s"]:after { content: "24"; } | |
| .solvedac-tier-name-25:before { width: 25em; } .solvedac-tier-name-25[class^="s"]:after { content: "25"; } | |
| .solvedac-tier-name-26:before { width: 26em; } .solvedac-tier-name-26[class^="s"]:after { content: "26"; } | |
| .solvedac-tier-name-27:before { width: 27em; } .solvedac-tier-name-27[class^="s"]:after { content: "27"; } | |
| .solvedac-tier-name-28:before { width: 28em; } .solvedac-tier-name-28[class^="s"]:after { content: "28"; } | |
| .solvedac-tier-name-29:before { width: 29em; } .solvedac-tier-name-29[class^="s"]:after { content: "29"; } | |
| .solvedac-tier-name-30:before { width: 30em; } .solvedac-tier-name-30[class^="s"]:after { content: "30"; } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment