jtulach@22
|
1 |
/**
|
jtulach@22
|
2 |
* The MIT License (MIT)
|
jtulach@22
|
3 |
*
|
jtulach@22
|
4 |
* Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
|
jtulach@22
|
5 |
*
|
jtulach@22
|
6 |
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
jtulach@22
|
7 |
* of this software and associated documentation files (the "Software"), to deal
|
jtulach@22
|
8 |
* in the Software without restriction, including without limitation the rights
|
jtulach@22
|
9 |
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
jtulach@22
|
10 |
* copies of the Software, and to permit persons to whom the Software is
|
jtulach@22
|
11 |
* furnished to do so, subject to the following conditions:
|
jtulach@22
|
12 |
*
|
jtulach@22
|
13 |
* The above copyright notice and this permission notice shall be included in
|
jtulach@22
|
14 |
* all copies or substantial portions of the Software.
|
jtulach@22
|
15 |
*
|
jtulach@22
|
16 |
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
jtulach@22
|
17 |
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
jtulach@22
|
18 |
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
jtulach@22
|
19 |
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
jtulach@22
|
20 |
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
jtulach@22
|
21 |
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
jtulach@22
|
22 |
* THE SOFTWARE.
|
jtulach@22
|
23 |
*/
|
jtulach@22
|
24 |
/** main chess style **/
|
jaroslav@49
|
25 |
#apptitle {
|
jaroslav@49
|
26 |
font-size: 20px;
|
jaroslav@49
|
27 |
}
|
jtulach@22
|
28 |
.log {
|
jaroslav@49
|
29 |
margin-bottom: 10px;
|
jaroslav@49
|
30 |
}
|
jaroslav@49
|
31 |
table.board td {
|
jaroslav@49
|
32 |
border: 1px solid black;
|
jaroslav@49
|
33 |
padding:10px;
|
jaroslav@49
|
34 |
width: 56px;
|
jaroslav@49
|
35 |
height: 56px;
|
jaroslav@49
|
36 |
vertical-align: middle;
|
jaroslav@49
|
37 |
text-align: center;
|
jaroslav@49
|
38 |
font-size:4em;
|
jaroslav@49
|
39 |
}
|
jaroslav@49
|
40 |
table.board td.row-label, table.board td.col-label {
|
jaroslav@49
|
41 |
font-size: 2em;
|
jaroslav@49
|
42 |
border:none;
|
jaroslav@49
|
43 |
width:20px;
|
jaroslav@49
|
44 |
}
|
jaroslav@49
|
45 |
table.board td.col-label {
|
jaroslav@49
|
46 |
height:20px;
|
jtulach@22
|
47 |
}
|
jtulach@22
|
48 |
.container {
|
jaroslav@49
|
49 |
margin:10px;
|
jtulach@22
|
50 |
}
|
jaroslav@49
|
51 |
|
jtulach@22
|
52 |
table.board td.white {
|
jaroslav@49
|
53 |
background-color: #D0D0D0;
|
jtulach@22
|
54 |
}
|
jtulach@22
|
55 |
table.board td.black {
|
jaroslav@49
|
56 |
background-color: #A0A0A0;
|
jtulach@22
|
57 |
}
|
jtulach@26
|
58 |
table.board td.selected {
|
jaroslav@49
|
59 |
background-color: #bce8f1;
|
jtulach@26
|
60 |
}
|
jtulach@34
|
61 |
table.board td.accessible {
|
jaroslav@49
|
62 |
background-color: #a9dba9;
|
jaroslav@49
|
63 |
}
|
jaroslav@49
|
64 |
table.board td.pending {
|
jaroslav@49
|
65 |
background-color: #dbc59e;
|
jtulach@34
|
66 |
}
|
jtulach@22
|
67 |
.figure {
|
jaroslav@49
|
68 |
cursor: pointer;
|
jaroslav@49
|
69 |
}
|
jaroslav@49
|
70 |
.but-orientation {
|
jaroslav@49
|
71 |
margin-top:20px;
|
jaroslav@49
|
72 |
}
|
jaroslav@49
|
73 |
h3.log-h {
|
jaroslav@49
|
74 |
border-top:1px solid silver;
|
jaroslav@49
|
75 |
}
|
jaroslav@49
|
76 |
.badge-status {
|
jaroslav@49
|
77 |
display:inline-block;
|
jaroslav@49
|
78 |
margin-left:20px;
|
jaroslav@49
|
79 |
padding:5px;
|
jaroslav@49
|
80 |
font-size:1em;
|
jaroslav@49
|
81 |
text-shadow: none;
|
jaroslav@49
|
82 |
}
|
jaroslav@49
|
83 |
.badge-white-turn {
|
jaroslav@49
|
84 |
font-size: 1em;
|
jaroslav@49
|
85 |
padding:4px;
|
jaroslav@49
|
86 |
background-color: white;
|
jaroslav@49
|
87 |
color:black;
|
jaroslav@49
|
88 |
text-shadow: none;
|
jaroslav@49
|
89 |
border:1px solid black;
|
jaroslav@49
|
90 |
font-weight: normal;
|
jaroslav@49
|
91 |
display: inline-block;
|
jaroslav@49
|
92 |
margin-left: 38px;
|
jaroslav@49
|
93 |
}
|
jaroslav@49
|
94 |
.badge-black-turn {
|
jaroslav@49
|
95 |
font-size: 1em;
|
jaroslav@49
|
96 |
padding:4px;
|
jaroslav@49
|
97 |
background-color: black;
|
jaroslav@49
|
98 |
color:white;
|
jaroslav@49
|
99 |
text-shadow: none;
|
jaroslav@49
|
100 |
border:1px solid black;
|
jaroslav@49
|
101 |
font-weight: normal;
|
jaroslav@49
|
102 |
display: inline-block;
|
jaroslav@49
|
103 |
margin-left: 38px;
|
jaroslav@49
|
104 |
}
|
jaroslav@49
|
105 |
.btn {text-shadow: none;}
|
jaroslav@49
|
106 |
.select {line-height: inherit;}
|
jaroslav@49
|
107 |
.uneditable-input {
|
jaroslav@49
|
108 |
margin-left: 0;
|
jaroslav@49
|
109 |
color: black;
|
jaroslav@49
|
110 |
}
|
jaroslav@49
|
111 |
span.myturn {
|
jaroslav@49
|
112 |
display: inline-block;
|
jaroslav@49
|
113 |
position:relative;
|
jaroslav@49
|
114 |
left:23px;
|
jaroslav@49
|
115 |
padding:3px;
|
jaroslav@49
|
116 |
}
|
jaroslav@49
|
117 |
.whitePiece {
|
jaroslav@49
|
118 |
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
jaroslav@49
|
119 |
color: white;
|
jaroslav@49
|
120 |
}
|
jaroslav@49
|
121 |
h1 {
|
jaroslav@49
|
122 |
font-size: 29px;
|
jaroslav@49
|
123 |
line-height: initial;
|
jaroslav@49
|
124 |
}
|