How to make FireFox Mozilla accept WebMoney Light certificates?

Question

css

Hello
Does anyone know a way to solve the problem of reading a WebMoney certificate in Mozilla?
Situation
- Mozilla does not pick up the webmoney certificate. All webmoney sites that require a certificate just hang. Even the error window does not fall out.
3 What I tried (and doesn't work)
3.1 Give additional permissions to WebMoney sites in FireFox
3.2 Manually authenticate certificates
3.3 Edit
settings Firefox settings editor. by typing about:config in the address bar. found a setting called security.enterprise_roots.enabled and set its value to true.
3.4 Using the
Firefox\defaults\pref js file,
created a wincerts.js file, and entered in it:
pref("security.enterprise_roots.enabled", true);
and saved to Firefox installation directory\defaults\pref.
3.5 Chopped off the Brandmauer
3.6 Knocked out the Anti-Virus
3.7 Restarting permission to access the Windows brandmauer
https://support.mozilla.org/ru/kb/nastrojka-brandm...
3.8 Restarting
https://support.microsoft.com/ru- en/help/4046851/w...
****************************
4) I understand that the problem is in the interaction of Firefox with Windows 10 on certificate issues (mine closed with open from WebMoney)
But I don't know where to fix it
In theory, maybe. "Warning Bypass" should work
https://support.mozilla.org/ru/kb/kak-ustranit-osh...
But I could not wait again for the error screen to pop up.
or do I need to disable some CAs in Firefox?

Answer 1

Figured it out with svg. Here is the code, maybe it will be useful for someone.

.block:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23eefcff;' /%3E%3C/svg%3E");
    left: 0;
    top: -120px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 120px;
    position: absolute;
    width: 100%;
}
.block:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23eefcff;' /%3E%3C/svg%3E");
    right: 0;
    bottom: -120px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 120px;
    position: absolute;
    width: 100%;
    transform: rotateX(180deg);
}

In the background-image property, you can set any color, leaving "%23" in this: "%23eefcff", and replacing "eefcff" with the desired one.

Answer 2

Pseudo-elements + transform

Answer 3

https://habrahabr.ru/post/126207/

Answer 4

Via pseudo element and transform:
JSFiddle