js_bind_example/js_bind_example.css at master · kudelabs/js_bind_example · 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
54
55
56
57
58
59
60
61
	body {
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 14pt;
	}

	div#frame {
		width: 40em;
		margin: 1em auto;
		padding-top:1em;
	}

	div.off {
		background-color: #ffd;
	}

	div.on {
		background-color: #ddf;
	}

	.high {
		background-color: #444;
		font-weight: bold;
	}
	.menu{
		text-align: right;
		height:1em;
	}
	#holder {
		margin:1em auto;
		overflow: hidden;
		width:20em;
		height: 4em;
		text-align: center;
		line-height:4em;
		font-size: 1.4em;
		border: 2px solid black;
	}

	#holder input {
		font-size: 1em;
	}

	#holder div.off div.tip {
		display: none;
		color: #888;
		font-size: .5em;
		line-height: 1em;
		font-weight: normal;
		text-align: center;

		position: absolute;
		width: 40em;
		left: 50%;
		margin-left: -20em;
		margin-top: -2em;
	}

	#holder div.high div.tip {
		display:block;
	}