-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathdomino.static.css
49 lines (39 loc) · 2.32 KB
/
domino.static.css
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
.domino {
background: transparent url(s1.png) no-repeat scroll 0 0;
width:41px; height:81px;
display: inline-block; text-indent: -9999px; padding: 0; overflow: hidden;
}
.six { background-position: -307px -534px; }
.five { background-position: -256px -445px; }
.five.six { background-position: -307px -445px; }
.four { background-position: -205px -356px; }
.four.five { background-position: -256px -356px; }
.four.six { background-position: -307px -356px; }
.three { background-position: -154px -267px; }
.three.four { background-position: -205px -267px; }
.three.five { background-position: -256px -267px; }
.three.six { background-position: -307px -267px; }
.two { background-position: -103px -178px; }
.two.three { background-position: -154px -178px; }
.two.four { background-position: -205px -178px; }
.two.five { background-position: -256px -178px; }
.two.six { background-position: -307px -178px; }
.one { background-position: -52px -89px; }
.one.two { background-position: -103px -89px; }
.one.three { background-position: -154px -89px; }
.one.four { background-position: -205px -89px; }
.one.five { background-position: -256px -89px; }
.one.six { background-position: -307px -89px; }
.blank { background-position: 0 0; }
.blank.one { background-position: -52px 0; }
.blank.two { background-position: -103px 0; }
.blank.three { background-position: -154px 0; }
.blank.four { background-position: -205px 0; }
.blank.five { background-position: -256px 0; }
.blank.six { background-position: -307px 0; }
.down { background-position: 0 -534px !important; }
/* rotations */
.r45 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate (45deg); }
.r90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate (90deg); margin:10px 20px; }
.r180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate (180deg); }
.r270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate (270deg); margin: 10px 20px; }