-
Notifications
You must be signed in to change notification settings - Fork 4
/
backgammon.css
119 lines (104 loc) · 2.14 KB
/
backgammon.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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
.backgammon-board,
.backgammon-board * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.backgammon-board {
padding:0px;
margin:0px;
border-width:20px;
border-style:solid;
border-color:#8B4800;
background-color:#8B4800;
}
.backgammon-table {
background:url('felt.jpg'); /* Image Credit: Alte Mo - http://subtlepatterns.com/felt/ */
border-spacing:2px;
border-width:20px;
border-style:solid;
border-top-color:#7B3800;
border-left-color:#7B2800;
border-right-color:#906426;
border-bottom-color:#905426;
}
.backgammon-notation {
text-align: center;
background-color:rgba(0,0,0,0.2);
color:#FFFF00;
font-size:14px;
padding:5px;
height:20px;
width:70px;
}
.backgammon-left,
.backgammon-right,
.backgammon-bar {
width:74px;
background-color:rgba(0,0,0,0.2);
}
.backgammon-point {
width:74px;
border-width: 30px;
border-style: solid;
border-color: transparent;
}
.backgammon-point-top {
border-top-width: 400px;
}
.backgammon-point-bottom {
border-bottom-width: 400px;
}
.backgammon-point-top.backgammon-point-even {
border-top-color: #8B4800;
}
.backgammon-point-top.backgammon-point-odd {
border-top-color:#906426;
}
.backgammon-point-bottom.backgammon-point-even {
border-bottom-color:#8B4800;
}
.backgammon-point-bottom.backgammon-point-odd {
border-bottom-color:#906426;
}
.backgammon-checker {
position:absolute;
z-index:1;
margin-left:1.5px;
width:70px;
height:70px;
border-width:4px;
border-radius:35px;
border-style:solid;
left:585px;
top:480px;
cursor:pointer;
}
.backgammon-die {
margin-left:6px;
margin-bottom:10px;
width:60px;
height:60px;
border-width:4px;
border-radius:10px;
border-style:solid;
font-size:48px;
text-align: center;
}
.backgammon-white {
color:#111111;
font-weight:bold;
background-color:#ffffff;
border-top-color: #dddddd;
border-left-color: #dddddd;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
}
.backgammon-black {
color:#cccccc;
font-weight:bold;
background-color:#000000;
border-top-color: #444444;
border-left-color: #444444;
border-right-color: #333333;
border-bottom-color: #333333;
}
.backgammon-fade {
opacity: 0.505;
}