cahnory

/**
 * Embed buttons
 */
body {
	background: #3a3f48;
}
.button {
	background: linear-gradient(#525866, #292C33);
	border: none;
	border-radius: 4px;

cahnory

/**
 * The first commented line is your dabblet’s title
 */
.button {
	background: #EEE;
	border: 1px solid #DDD;
	border-bottom: 2px solid #BBB;
	border-radius: 2px;
	background: linear-gradient(90deg, #DDD, #EEE);
	box-shadow: inset 0 1px #F8F8F8, inset 0 0 0 1px rgba(255,255,255,.2),0 2px 2px -1px rgba(0,0,0,.6);

cahnory

/**
 * A grey "3D" button
 */
.button {
	background: #EEE;
	border: 1px solid #DDD;
	border-bottom: 2px solid #BBB;
	border-radius: 2px;
	background: linear-gradient(90deg, #DDD, #EEE);
	box-shadow: inset 0 1px #F8F8F8, inset 0 0 0 1px rgba(255,255,255,.2),0 2px 2px -1px rgba(0,0,0,.6);

cahnory

/**
 * The first commented line is your dabblet’s title
 */
body {background:#444; }
.button {
	background: linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.2));
	border:none;
	border-radius: 3px;
	box-shadow: inset 0 1px rgba(255,255,255,.15), 0 2px rgba(0,0,0,.3), 0 0 0 4px rgba(0,0,0,.2),  0 1px 0 4px rgba(255,255,255,.2);
	color: black;

cahnory

/**
 * The first commented line is your dabblet’s title
 */


button { 
    border:1px solid white;
    border-radius:3px;
    color:#fff;
    background: #000;

cahnory

#container {
	margin: 0 auto;
	width: 700px;
}
.menu-button {
	background: #F8F8F8;
	background-image: linear-gradient(#FFF, #F0F0F0);
	border: 1px solid #FFF;
	border-color: #FFF #EEE #FEFEFE #FFF;
	color: #3B5998;

cahnory

// Need jQuery
var res = {
	'userAgent':	navigator.userAgent,
	'results':	{}
};
$('.tests dl').each(function() {
	var	el		= $(this),
		test	= {};
	el.children().each(function() {
		test[$(this).text()]	= $(this).attr('class');

cahnory

/* Clear float, technique définitive */
li { float: left }
ul { *zoom: 1 }
ul:after {
	clear: left;
	content: ' '; /* Attention, c'est un espace insécable (alt+space) */
	display: block;
	height: 0;
}

cahnory

/**
 * Centrage horizontal et vertical — navigateurs modernes
 */
html, body {
    height: 100%;
    margin: 0;
    width: 100%;
}
.layout {
    display: table;

cahnory

/**
 * Centrage horizontal et vertical — universel
 */

html, body {
    height: 100%;
    margin: 0;
    width: 100%;
}
.layout {