iecap/styles/iecap.css

JavaScript library to detect the version of Internet Explorer and display a warning screen

/**
 *	IE cap
 */

.iecap {
	display: block;
	width: 600px;
	height: 270px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 50;
	margin: -150px 0 0 -300px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.iecap:after {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background-color: #fff;
	content: '';
}

.iecap-title {
	font-size: 2.2em;
	line-height: 2em;
	font-weight: 400;
}

.iecap-description {
	margin-top: 2em;
	font-size: 1em;
	line-height: 1.3em;
}

.iecap-list {
	width: 560px;
	margin: 3em auto 0 auto;
	list-style: none;
}

.iecap-list:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	content: '';
}

.iecap-list a {
	display: block;
	font-size: 0.9em;
	text-decoration: underline;
}

.iecap-list a:hover {
	text-decoration: none;
}

.iecap-list li {
	display: block;
	width: 140px;
	height: 20px;
	float: left;
	padding-top: 5em;
	line-height: 20px;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.iecap-list .explorer {
	background-image: url(icons/explorer.png);
}

.iecap-list .chrome {
	background-image: url(icons/chrome.png);
}

.iecap-list .firefox {
	background-image: url(icons/firefox.png);
}

.iecap-list .safari {
	background-image: url(icons/safari.png);
}