"
Template:Team:HokkaidoU Japan/bluescreen
From 2011.igem.org
(Difference between revisions)
| Line 6: | Line 6: | ||
var $screen = $('<div>').addClass('bluescreen'); | var $screen = $('<div>').addClass('bluescreen'); | ||
$('#hokkaidou-container').hide(); | $('#hokkaidou-container').hide(); | ||
| - | $ | + | var $container = $('<div>').addClass('blue-container'); |
| - | $ | + | $container.append('<p>This version of Internet Explorer is not supported for rendering this web site correctly.</p>') |
| - | $ | + | $container.append('<p>That mean the design of this web site may look stupid and ugly.</p>'); |
| - | $('body').append($screen); | + | $container.append('<p><strong>Click OK to visit our web site anyway</strong> but we recommend you to install latest Internet Explorer or use different really nice browser such as Firefox, Opera, Google Chrome. These browser are far better than Internet Explorer so we think it is good time to change your browser :-)</p>'); |
| + | $('body').append($screen.append($container)); | ||
var $button = $('<div>').addClass('apply-button').text('OK').bind('click', function(){ | var $button = $('<div>').addClass('apply-button').text('OK').bind('click', function(){ | ||
$screen.remove(); | $screen.remove(); | ||
| Line 22: | Line 23: | ||
div.bluescreen { | div.bluescreen { | ||
color : white; | color : white; | ||
| + | text-align : center; | ||
background : #0000CD; | background : #0000CD; | ||
font-size : 200%; | font-size : 200%; | ||
| Line 31: | Line 33: | ||
position : absolute; | position : absolute; | ||
z-index : 35565 | z-index : 35565 | ||
| + | } | ||
| + | div.bluescreen div.blue-container{ | ||
| + | padding: 20px 50px; | ||
} | } | ||
div.bluescreen div.apply-button { | div.bluescreen div.apply-button { | ||
Revision as of 03:22, 6 October 2011
