173 lines
4.5 KiB
HTML
Executable File
173 lines
4.5 KiB
HTML
Executable File
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Plesk</title>
|
|
<link href="./favicon.ico" rel="icon" type="image/x-icon">
|
|
<style>
|
|
html{
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
font-size: 16px;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
min-height: 100%;
|
|
}
|
|
|
|
body{
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
color: #000;
|
|
background: #e5e5e5 url("./images/outdated-spider.png") 0 0 no-repeat;
|
|
}
|
|
|
|
.page {
|
|
overflow: hidden;
|
|
min-height: 100%;
|
|
padding: 0 200px 0 40px;
|
|
text-align: center;
|
|
background: url("./images/outdated-rip.png") 100% 100% no-repeat;
|
|
}
|
|
|
|
.content {
|
|
max-width: 500px;
|
|
margin: 120px auto 0;
|
|
text-align: left;
|
|
}
|
|
|
|
h1 {
|
|
margin: 0 0 10px;
|
|
padding: 0;
|
|
font-size: 64px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
p {
|
|
max-width: 450px;
|
|
margin: 0 0 20px;
|
|
}
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
a {
|
|
color: #2498e3;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
a:active,
|
|
a:hover {
|
|
outline: 0;
|
|
color: #188dd9;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.nowrap { white-space: nowrap; }
|
|
|
|
.browsers { padding-top: 20px; }
|
|
|
|
.browsers > li {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 45%;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.available li {
|
|
display: inline-block;
|
|
width: 32px;
|
|
height: 33px;
|
|
margin: 8px 5px 0 0;
|
|
text-indent: -3000px;
|
|
text-align: left;
|
|
background: url("./images/operatingsystems.png") no-repeat;
|
|
}
|
|
|
|
.available span { display: none; }
|
|
|
|
.available li.windows { background-position: 0 0; }
|
|
|
|
.available li.mac { background-position: -32px 0; }
|
|
|
|
.available li.linux { background-position: -64px 0; }
|
|
|
|
@media (max-width: 1000px) {
|
|
body { background-size: auto 160px; }
|
|
|
|
.page {
|
|
padding: 0 40px;
|
|
background-size: auto 300px;
|
|
}
|
|
|
|
.content { margin-top: 80px; }
|
|
}
|
|
|
|
@media (max-width: 690px) {
|
|
body { background-size: auto 60px; }
|
|
|
|
.page {
|
|
padding: 0 40px;
|
|
background-size: auto 100px;
|
|
}
|
|
|
|
.content { margin-top: 10px; }
|
|
|
|
h1 { font-size: 32px; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<div class="content">
|
|
<h1>Oops!</h1>
|
|
<p>It looks like your browser is dead and not supported <span class="nowrap">anymore. ;(</span></p>
|
|
<p>Using outdated software is a bad idea for your security, <span class="nowrap">so we strongly</span> recommend you to update your browser.</p>
|
|
<p>Get one of the supported browsers:</p>
|
|
<ul class="browsers">
|
|
<li>
|
|
<a href="http://www.mozilla.org/firefox/new/" target="_blank">Mozilla Firefox</a>
|
|
<ul class="available">
|
|
<li class="windows"><span>Windows</span></li>
|
|
<li class="mac"><span>Mac OS</span></li>
|
|
<li class="linux"><span>Linux</span></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.google.com/chrome/" target="_blank">Google Chrome</a>
|
|
<ul class="available">
|
|
<li class="windows"><span>Windows</span></li>
|
|
<li class="mac"><span>Mac OS</span></li>
|
|
<li class="linux"><span>Linux</span></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.microsoft.com/windows/microsoft-edge" target="_blank">Microsoft Edge®</a>
|
|
<ul class="available">
|
|
<li class="windows"><span>Windows</span></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.apple.com/safari/" target="_blank">Apple Safari</a>
|
|
<ul class="available">
|
|
<li class="mac"><span>Mac OS</span></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|