acmicpc-solved-ac-level.user.css

@-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"; }
}