CINXE.COM
Plesk
<!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>