src/cm/media/js/lib/yui/yui3.0.0/examples/event/assets/checkbox.css
changeset 0 40c8f766c9b8
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/cm/media/js/lib/yui/yui3.0.0/examples/event/assets/checkbox.css	Mon Nov 23 15:14:29 2009 +0100
@@ -0,0 +1,75 @@
+.yui-checkbox {
+
+	display: -moz-inline-stack;	/* Gecko < 1.9, since it doesn't support "inline-block" */
+	display: inline-block; /* IE, Opera and Webkit, and Gecko 1.9 */
+	width: 10px;
+	height: 10px;
+	border: inset 2px #999;
+	background-color: #fff;	/*	Need to set a background color or IE won't get mouse events	*
+
+	/*
+		Necessary for IE 6 (Quirks and Standards Mode) and IE 7 (Quirks Mode), since 
+		they don't support use of negative margins without relative positioning.  
+	*/
+
+	_position: relative;
+}
+
+.yui-checkbox span {
+
+	display: block;
+	height: 14px;
+	width: 12px;
+	overflow: hidden;
+
+	/* Position the checkmark for Gecko, Opera and Webkit and IE 7 (Strict Mode). */
+	margin: -5px 0 0 1px;
+	
+
+	/* Position the checkmark for IE 6 (Strict and Quirks Mode) and IE 7 (Quirks Mode).*/
+	_margin: 0;
+	_position: absolute;
+	_top: -5px;
+	_left: 1px;
+	
+}
+
+/* For Gecko < 1.9: Positions the checkbox on the same line as its corresponding label. */
+.yui-checkbox span:after {
+
+	content: ".";
+	visibility: hidden;
+	line-height: 2;
+
+}
+
+/*
+	Hide the actual checkbox offscreen so that it is out of view, but still accessible via 
+	the keyboard. 
+*/
+.yui-checkbox input {
+
+	position: absolute;
+	left: -10000px;
+
+}
+
+.yui-checkbox-focus {
+
+	border-color: #39f;
+	background-color: #9cf;
+
+}
+
+.yui-checkbox-active {
+
+	background-color: #ccc;
+
+}
+
+.yui-checkbox-checked span {
+
+	/* Draw a custom checkmark for the checked state using a background image. */
+	background: url(checkmark.png) no-repeat;
+
+}
\ No newline at end of file