Add browser support tests

This commit is contained in:
LoveEevee
2018-11-27 02:05:02 +03:00
parent 5061f0d261
commit 14d98254bb
8 changed files with 208 additions and 13 deletions

View File

@@ -28,4 +28,64 @@
font-family: sans-serif;
font-size: 5vmin;
color: white;
}
}
#unsupportedBrowser{
position: absolute;
top: 0;
right: 0;
left: 0;
max-height: 100%;
overflow: hidden auto;
padding: 10px;
background: #aef;
font-family: sans-serif;
font-size: 20px;
z-index: 10;
}
#unsupportedBrowser::before{
content: "!";
display: inline-block;
width: 30px;
height: 30px;
margin-right: 10px;
background: #39a;
color: #fff;
text-align: center;
line-height: 30px;
}
#unsupportedBrowser.hidden{
width: 30px;
}
#unsupportedBrowser.hidden *{
display: none !important;
}
#unsupportedBrowser a{
color: #02e;
cursor: pointer;
text-decoration: none;
}
#unsupportedBrowser a:hover{
text-decoration: underline;
}
#unsupportedBrowser ul{
margin: 5px;
}
#unsupportedDetails{
display: none;
margin: 10px 50px 0 50px;
border: 3px solid #39a;
padding: 5px;
user-select: text;
}
#unsupportedHide{
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
text-align: center;
line-height: 45px;
color: #777;
text-shadow: 1px 1px #fff;
}