chromeframe.less

/* ==========================================================================
   Chrome Frame prompt */
/* ========================================================================== */

.chromeframe {
	margin: 0;
	background: #f7f3d6;
    color: #2c2c2c;
    font: normal 1em/1.3 Arial, sans-serif;
	padding: 0.5em 1em;
	border-bottom: solid 2px #4d4b43;
	}
	.chromeframe p {
		margin: 0 10px 4px 0;
		}
	.chromeframe b {
		color: #ff8c00;
		}
	.chromeframe a {
		color: #ff8c00;
		display: inline-block;
		padding: 0px 5px 1px;
		text-decoration: none;
		}
		.chromeframe a:hover {
			color: #f7f3d6;
			background-color: #2c2c2c;
			}
	.chromeframe .but {
		width: 24px;
		height: 24px;
		display: inline-block;
		text-indent: -9999px;
		text-align: left;
		margin: 0 6px 6px 0;
		padding: 3px;
		background: url(images/browser-icons.png) no-repeat 0 0;
		border: none;
		cursor: pointer;
		}
		.chromeframe .but:hover {
			background-color: transparent;
			}
		.chromeframe .but-opera { background-position: 0 -30px; }
		.chromeframe .but-firefox { background-position: 0 -90px; }
		.chromeframe .but-chrome { background-position: 0 -60px; }
		.chromeframe .but-safari { background-position: 0 -120px; }
	.chromeframe .closeframe {
		padding: 2px 5px 1px 28px;
		background: url(images/browser-icons.png) no-repeat 0 -145px;
		display: inline-block;
		margin-right: 10px
		}
	.chromeframe .fright {
		width: 25%;
		text-align: right;
		}
	.chromeframe .fleft {
		width: 75%;
		}