prettyCheckboxes/css/prettyCheckboxes.css at 2dbcce16ae60ccd2344ffc1b35e3afa5816dd756 · scaron/prettyCheckboxes · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/* ------------------------------------------------------------------------
	This you can customize
------------------------------------------------------------------------- */

	label.checkbox span.holder {
		height: 61px; /* Total height of your checkbox image */
		background: url(../images/prettyCheckboxes/checkbox.gif) 0 -1px no-repeat; /* Path to your checkbox image */
	}

	label.radio span.holder {
		height: 61px; /* Total height of your radio buttons image */
		background: url(../images/prettyCheckboxes/radio.gif) 0 -1px no-repeat; /* Path to your radio button image */
	}

	label.checkbox:hover span.holder,
	label.radio:hover span.holder { top: -21px !important; } /* Background position on mouseover */

	label.checked span.holder,
	label.checked span.holder,
	label.checked:hover span.holder,
	label.checked:hover span.holder { top: -42px !important; } /* Background position when checked */

	.disabled { opacity: 0.5; filter: alpha(opacity=50); zoom: 1; }

/* ------------------------------------------------------------------------
	Customize at your own risk
------------------------------------------------------------------------- */

	label.list {
		float: left; clear: left;
		margin: 0 0 5px 0;
	}

	label.inline {
		float: left; margin: 0 10px 0 0;
	}

		input.hiddenCheckbox {
			position: absolute; left: -10000px; /* Hide the input */
		}

		label.prettyCheckbox span.holderWrap {
			display: block; float: left;
			position: relative;
			margin-right: 5px;
			overflow: hidden;
		}

		label.prettyCheckbox span.holder {
			display: block;
			position: absolute;
			top: 0; left: 0;
		}