CINXE.COM
Unsupported browser | CM
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <meta name="description" content=""/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="robots" content="none"/> <meta name="google" content="notranslate"/> <meta name="cm-no-redirect" content="IE"/> <title>Unsupported browser | CM</title> <base href="/app/unsupported-browser/"> <link href="https://www.cm.com/app/header/css/header.min.css" rel="stylesheet"> <link href="https://cm.com/app/aurora/css/v2/aurora.css" rel="stylesheet"> <link href="https://cdn.cm.com/cm/favicon-32x32.png" rel="icon"> <link href="https://cdn.cm.com/cm/apple-touch-icon.png" rel="apple-touch-icon"> <style> .browserbox { position: relative; display: block; width: 100%; height: 0px; padding-bottom: 100%; border: 2px solid #EBECEE; border-radius: 20px; } .browserbox > .cnt { position: absolute; display: inline-block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .browserbox > .cnt > img { display: inline-block; position: relative; width: 70%; max-height: 60%; } .hidden-md-down > img { position: relative; display: inline-block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } @media (max-width: 767px) { .hidden-md-down { display: none } } body:not([data-user-agent*='Mac']):not([data-user-agent*='iPhone']):not([data-user-agent*='iPod']):not([data-user-agent*='iPad']) .onlymac { cursor: not-allowed; display: none; } body:not([data-user-agent*='Mac']):not([data-user-agent*='iPhone']):not([data-user-agent*='iPod']):not([data-user-agent*='iPad']) .onlymac * { pointer-events: none; -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ filter: grayscale(1); } body[data-user-agent*='MSIE'] > .container, body[data-user-agent*='Trident/'] > .container { margin-top: 200px !important; padding-top: 150px !important; position: relative; } .block-row { align-items: center; justify-content: center; } .browser-info-btn { cursor: pointer; } .browser-info-btn:hover { color: #1657EA; } </style> </head> <body data-user-agent="Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322)"> <platform-header title-text="Unsupported browser"></platform-header> <div class="container"> <div class="row "> <div class="col-0 col-md-6 p-r-32 md-p-r-0 text-center"> <img src="images/campaigns-v1.svg"> </div> <div class="col-12 col-md-6"> <h1 class=" p-t-40"> Older browser versions are no longer supported <span class="browser-info-btn" onclick="ShowBrowserInfo()" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="M12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 Z M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M11,12 C11,11.447 11.447,11 12,11 C12.553,11 13,11.447 13,12 L13,16 C13,16.553 12.553,17 12,17 C11.447,17 11,16.553 11,16 L11,12 Z M12,7 C12.553,7 13,7.447 13,8 C13,8.553 12.553,9 12,9 C11.447,9 11,8.553 11,8 C11,7.447 11.447,7 12,7 L12,7 Z"/> </svg> </span> </h1> <p>Going forward CM.com is no longer able to guarantee a fully functioning platform when you use your current browser and version. The current rate of development within modern web technology no longer allows us to ensure that all our apps will work with the current version of your browser. We advise you to install and use any of the below modern browsers and update to the latest version.<br><br>We support the following browser versions:<br><br>• Google Chrome v67 or higher<br>• Firefox v63 or higher<br>• Microsoft Edge 80 or higher<br>• Safari v10.1 or higher</p> </div> </div> <div class="row m-t-64 text-center block-row"> <div class="col-6 col-sm-3 p-8"> <a href="https://www.google.com/chrome/browser/desktop/" class="browserbox"> <div class="cnt cl-black-100"> <img src="images/chrome.svg" class="m-b-16 md-m-b-8"> <strong> Google Chrome </strong> </div> </a> </div> <div class="col-6 col-sm-3 p-8"> <a href=" http://www.mozilla.org/firefox/new/" class="browserbox"> <div class="cnt cl-black-100"> <img src="images/firefox.svg" class="m-b-16 md-m-b-8"> <strong> Firefox </strong> </div> </a> </div> <div class="col-6 col-sm-3 p-8 onlymac"> <a href="http://www.apple.com/osx/" class="browserbox"> <div class="cnt cl-black-100"> <img src="images/safari.svg" class="m-b-16 md-m-b-8"> <strong> Safari </strong> </div> </a> </div> <div class="col-6 col-sm-3 p-8"> <a href="https://www.microsoft.com/en-gb/edge" class="browserbox"> <div class="cnt cl-black-100"> <img src="images/edge-chromium.svg" class="m-b-16 md-m-b-8"> <strong> Microsoft Edge </strong> </div> </a> </div> </div> <div class="browser-info" style="position: fixed; top:calc( 100vh - 40px);left: 32px;"> </div> </div> <script type="text/javascript" src="https://www.cm.com/app/header/js/header.min.js"></script> <script> navigator.browserSpecs = (function () { var ua = navigator.userAgent, tem, M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []; if (/trident/i.test(M[1])) { tem = /\brv[ :]+(\d+)/g.exec(ua) || []; return {name: 'IE', version: (tem[1] || '')}; } if (M[1] === 'Chrome') { tem = ua.match(/\b(OPR|Edge)\/(\d+)/); if (tem !== null) return {name: tem[1].replace('OPR', 'Opera'), version: tem[2]}; } M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?']; if ((tem = ua.match(/version\/(\d+)/i)) !== null) M.splice(1, 1, tem[1]); return {name: M[0], version: M[1]}; })(); function ShowBrowserInfo() { var bi = document.querySelector('.browser-info'); if (!!bi) { bi.innerHTML = navigator.browserSpecs.name + ' ' + navigator.browserSpecs.version; } setTimeout(function(){ alert(document.body.getAttribute( 'data-user-agent')+'\n AKA '+navigator.browserSpecs.name + ' ' + navigator.browserSpecs.version); },1) } </script> <cm-overlay></cm-overlay> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e6ccc66499c9ce7',t:'MTczMjMxOTE4Mi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>