cube/display.css at master · infocris/cube · 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

body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
/* 	background:white; */
}

slot { display: block; float: left; border: 1px solid #ddd; width: 20px; height: 20px;
	border-radius: 1px; margin: 1px; cursor: pointer; background-color: #fff; text-align: left;
}

slot span { position: absolute; text-align: center; line-height: 18px; width: 20px;
	font-size: 10pt; font-family: monospace; color: #ccc; display: block; }

button.slot { position: absolute;}
button.left { margin-left: -28px; }
button.right { margin-left: 28px; }
button.top { margin-left: 0px; margin-top: -28px; }
button.bottom { margin-left: 0px; margin-top: 27px; }

face { display: inline-block; border: 2px solid #ddd; border-radius: 2px; padding: 2px;
	zoom: 1; background-color: #eee;
	margin: 10px;
/* 	margin: 2px; */
}

faces { text-align: center; display: inline-block; border: 1px solid #eee;
/* padding: 5px; */
}

/* slot { display: block; float: left; border: 2px solid #ddd; width: 42px; height: 42px; */
/* 	border-radius: 10px; margin: 3px; cursor: pointer; text-align: center; */
/* 	line-height: 40px; color: #555; background-color: #fff; } */

/* face { display: inline-block; border: 2px solid #ddd; border-radius: 10px; padding: 2px; */
/* 	zoom: 1; background-color: #eee; } */

slot.color0 { background-color: #F9F9F9; }
slot.color1 { background-color: #FFE600; }
slot.color2 { background-color: #005AFF; }
slot.color3 { background-color: #FF4A4A; }
slot.color4 { background-color: #00A20B; }
slot.color5 { background-color: #FF6D11; }