XF 2.2 Nothing in extra.less is working.

[Galleo]

This is what it normally looks like:

.reaction {
display: none !important;
}
.p-title-value {
color: #fff;
text-shadow: 1px 1px 1px #000;
}
.message-signature
{
.bbWrapper
{
.bbImage
{
max-width: 500px;
max-height: 250px;
overflow-x: auto;
overflow-y: auto;
}
}
}
.userBanner--official {
color: #fff;
background-color: #EE3A8C;
}
.userBanner--administrator {
color: #fff;
background-color: purple;
}
.userBanner--administrator2 {
color: black;
background-color: white;
border-color: gray;
}
.userBanner--wudai {
color: white;
background-color: #009ACD;
.userBanner--beginner {
color: white;
background-color: #000000;
}
.avatar.avatar--m {
max-width: 120px;
max-height: 200px;
}

I tried adding an image as custom user banner, which didn't work at all, but that's another issue that needs work. Anyway, when I did that, everything else was somehow erased. Even after I removed the code for the custom banner, everything is still gone, even though the template is the same as it's always been.

What's going on and how do I fix this?

 

[Galleo]

Never mind, I figured out what was wrong.