outdated-browser/demo/default.html at develop · outdatedbrowser/outdated-browser · GitHub

History

executable file

74 lines (69 loc) · 2.79 KB

Raw

<!DOCTYPE html>

<head>

<title>Outdated Browser</title>

body {

font-family: 'Open Sans', sans-serif; text-align: center;

background-color: #fafafa; color: #0a0a0a; line-height: 1.5em;

}

h1{font-size: 2.6em; line-height: 2em;}

h3, h4{line-height: 1em; margin: 2.5em 0 -.4em 0; text-transform: uppercase;}

h3 span, h4 span{text-transform: none;}

p{padding-bottom: 1em;}

p.designBy{position: absolute; bottom: 0; right: 1em; font-size: .8em;}

a {color: #0a0a0a;}

ul{list-style-type: none; padding: 0;}

</style>

</head>

<body>

<h1><a href="index.html">Outdated Browser</a></h1>

<p>Remember: If you can't see the message, it's a good thing! You are using a modern browser :D</p>

<h3>DEFAULT</h3>

<p>bgColor: '#f25648', color: '#ffffff', lowerThan: 'transform' (<IE10), languagePath: 'your_path/outdatedbrowser/lang/en.html'</p>

<h3>What does it look like? <span>(it may differ in your tests) </span></h3>

<ul>

<li><a href="http://cl.ly/Wj3Q">IE7 - Vista</a></li>

</ul>

<p class="designBy">by <a href="http://www.burocratik.com">Bürocratik</a></p>

//event listener form DOM ready

function addLoadEvent(func) {

var oldonload = window.onload;

if (typeof window.onload != 'function') {

window.onload = func;

} else {

window.onload = function() {

if (oldonload) {

oldonload();

}

func();

}

//call function after DOM ready

addLoadEvent(function(){

outdatedBrowser({

bgColor: '#f25648',

color: '#ffffff',

lowerThan: 'transform',

languagePath: '../outdatedbrowser/lang/en.html'

})

});

</script>

</body>

</html>

outdated-browser/demo/default.html at develop · outdatedbrowser/outdated-browser · GitHub

Expand file tree

Breadcrumbs

default.html

Latest commit

History

Breadcrumbs

default.html

File metadata and controls