-
Notifications
You must be signed in to change notification settings - Fork 0
/
xadrez.css
79 lines (59 loc) · 1.9 KB
/
xadrez.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
* {
text-align: center;
}
body {
font-family: 'Roboto Mono', monospace;
min-height: 400px;
background-color: #111;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.container {
text-align: center;
padding: 20px;
height: 100vh;
}
.page-title {
color: #ffffff;
margin: 0 0 5px;
}
.page-subtitle {
color: #ffffff;
margin-top: 5px;
}
.page-logo {
width: 200px;
}
.alura-logo {
width: 40px;
position: absolute;
top: 10px;
right: 10px;
}
table {
border: 2px solid white;
border-collapse: collapse;
}
h1 {
font-family: 'Nosferatu', monospace;
color: white;
}
th, tr, td {
border: solid 1px white;
color: white;
}
/*@charset{ "utf-8";}
CSS Document */
.borda{border:#F00;}
.tabPreto{background:#03C;}
/* TABULEIRO*/
#tabuleiro{width: 577px; height: 577px; border:#000 solid 1px; margin:auto;}
#tabuleiro div{width:70px; height:70px; float:left; margin:1px; font-size: 48px; text-align:center;}
#t11, #t13, #t15, #t17, #t22, #t24, #t26, #t28, #t31, #t33, #t35, #t37, #t42, #t44, #t46, #t48, #t51, #t53, #t55, #t57, #t62, #t64, #t66, #t68, #t71, #t73, #t75, #t77, #t82, #t84, #t86, #t88{background-color:#FFF;}
#t12, #t14, #t16, #t18, #t21, #t23, #t25, #t27, #t32, #t34, #t36, #t38, #t41, #t43, #t45, #t47, #t52, #t54, #t56, #t58, #t61, #t63, #t65, #t67, #t72, #t74, #t76, #t78, #t81, #t83, #t85, #t87{background-color:#999;}
div{ cursor:pointer;}
#fundo{background:#000; position:fixed; width:100%; height:100%; z-index:999; top:0; left:0; opacity:0.50;-moz-opacity: 0.50;filter: alpha(opacity=50);}
.escolhe{position:fixed;top:20%;left:40%;display:none;z-index:1000;background:#FFF;border:#000 solid 1px;}
.escolhe div{width:70px; height:70px; float:left; margin:1px; font-size: 48px; text-align:center; float:left; margin:5px;}
#escolhecor-inicio{ display:block; left:45%;}