-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.css
77 lines (75 loc) · 2.54 KB
/
index.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
#divMain{
margin:auto;
width:80%;
}
#divGitHub{
top:0px;
right:0px;
width:200px;
height:200px;
overflow:hidden;
position:absolute;
z-index:1;
pointer-events:none;
}
#GitHub{
background-color:#800;
border:solid 2px black;
color:white;
cursor:pointer;
font:bold 14px Arial,Helvetica,sans-serif;
height:20px;
padding-top:3px;
position:absolute;
right:60px;
text-align: center;
transform:translate(50%,-50%) rotate(45deg);
text-shadow: 0 0 8px black;
top:60px;
width:240px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
pointer-events:auto;
}
#GitHub:after{
content:'Star me on GitHub';
}
#GitHub:hover{
background-color:#f00;
}
.field{width:6vmin;height:6vmin;cursor:pointer;position:relative;padding:0xp;}
.fieldw{background-color:rgba(256,256,256,0.3);border: solid 1px #000;}
.fieldb{background-color:rgba(0,0,0,0.3);border: solid 1px #000;}
.fieldn{padding:1vmin;}
.boadiv{top:0px;bottom:0px;left:0px;right:0px;position:absolute;display:block;}
.tacenter{text-align:center;}
.taleft{text-align:left;}
.taright{text-align:right;}
#board{
background-color:#842;
display:inline-block;
margin:2vmin auto;
vertical-align:middle;
position:relative;
box-shadow: inset -8px -8px 16px rgba(0,0,0,0.6),inset 8px 8px 16px rgba(255,255,255,0.6),4px 4px 6px #000;border-radius:8px;font-weight:bold;color:white;text-shadow: 1px 1px 4px black,-1px -1px 4px black,1px -1px 4px black,-1px 1px 4px black;overflow:hidden;}
#board table{border-spacing:0px;border-collapse:separate;}
#board td{vertical-align:middle;text-align:center;
min-width:2vmin;
min-height:2vmin;
}
#uciBody td{padding-right:16px;}
.piece{width:100%;height:100%;position:relative;font-size:5vmin;z-index:1;}
.kb{color:black;text-shadow: 0 0 10px white;}.kb:after{content:"♚";}
.kw{color:white;text-shadow: 0 0 10px black;}.kw:after{content:"♔";}
.qb{color:black;text-shadow: 0 0 10px white;}.qb:after{content:"♛";}
.qw{color:white;text-shadow: 0 0 10px black;}.qw:after{content:"♕";}
.rb{color:black;text-shadow: 0 0 10px white;}.rb:after{content:"♜";}
.rw{color:white;text-shadow: 0 0 10px black;}.rw:after{content:"♖";}
.nb{color:black;text-shadow: 0 0 10px white;}.nb:after{content:"♞";}
.nw{color:white;text-shadow: 0 0 10px black;}.nw:after{content:"♘";}
.bb{color:black;text-shadow: 0 0 10px white;}.bb:after{content:"♝";}
.bw{color:white;text-shadow: 0 0 10px black;}.bw:after{content:"♗";}
.pb{color:black;text-shadow: 0 0 10px white;}.pb:after{content:"♟";}
.pw{color:white;text-shadow: 0 0 10px black;}.pw:after{content:"♙";}
.hovered{box-shadow: inset 0 0 10px 1px yellow;}