1/*
2 *  pgn4web javascript chessboard
3 *  copyright (C) 2009-2015 Paolo Casaschi
4 *  see README file and http://pgn4web.casaschi.net
5 *  for credits, license and more details
6 */
7
8@import url("fonts/pgn4web-font-LiberationSans.css");
9@import url("fonts/pgn4web-font-ChessSansUsual.css");
10
11html,
12body {
13  margin: 0px;
14  padding: 0px;
15  overflow: hidden;
16}
17
18body {
19  font-family: 'pgn4web Liberation Sans', sans-serif;
20  font-size: 19px;
21  color: black;
22  background: white;
23
24  -webkit-user-select: none;
25  -moz-user-select: none;
26  -ms-user-select: none;
27  -o-user-select: none;
28  user-select: none;
29  -webkit-text-size-adjust: none;
30  -moz-text-size-adjust: none;
31  -ms-text-size-adjust: none;
32  -o-text-size-adjust: none;
33  text-size-adjust: none;
34  -webkit-touch-callout: none;
35}
36
37a {
38  color: black;
39  text-decoration: none;
40}
41
42div, span {
43  font-family: 'pgn4web Liberation Sans', sans-serif; /* fixes IE9 body css issue */
44}
45
46.analysisheaderDiv {
47  position: absolute;
48  top: 0px;
49  left: 115px; /* 30px boardTable.paddingLeft + 376px boardTable.width - 3px boardTable.borderWidth - 288px gameAnalysisFrame.width */
50  transition: left 2s;
51}
52
53.gameAnalysisFrame {
54  width: 288px;
55  height: 380px;
56  margin-top: 222px; /* 210 header + 3 boardTable.borderWidth + 9 filling */
57}
58
59.boardheaderDiv {
60  position: absolute;
61  top: 0px;
62  left: 0px;
63  padding: 30px;
64  width: 376px;
65  overflow: hidden;
66}
67
68.boardHeaderInfo {
69  background: white;
70  position: relative;
71  z-index: 2;
72}
73
74.headerLine {
75  overflow: hidden;
76  white-space: nowrap;
77  width: 376px;
78  height: 30px;
79  font-weight: bold;
80  font-size: 22px;
81  line-height: 30px;
82  text-align: center;
83  text-overflow: ellipsis;
84}
85
86.gameNum {
87  width:188px;
88  text-align: left;
89}
90
91.gameECO {
92  width:188px;
93  text-align: right;
94}
95
96.gameSiteEventDate {
97  font-weight: normal;
98}
99
100.shortRowSpace {
101  height: 15px;
102  line-height: 15px;
103}
104
105.gameBoard {
106  padding-top: 30px;
107  padding-bottom: 30px;
108  background: white;
109  position: relative;
110  z-index: 2;
111}
112
113.gameLastNext {
114  background: white;
115  padding-bottom: 30px;
116  position: relative;
117  z-index: 2;
118}
119
120.gameLastMove, .gameNextMove {
121  font-size: 14px;
122  line-height: 20px;
123  white-space: nowrap;
124  overflow: hidden;
125}
126
127.gamesList {
128  position: fixed;
129  bottom: 30px;
130  z-index: 1;
131}
132
133.topSpacer {
134  height: 30px;
135}
136
137.gametextresultDiv {
138  padding-left: 15px;
139  padding-right: 30px;
140  margin-left: 436px;
141  transition: margin-left 2s;
142  margin-bottom: 30px;
143  overflow-y: scroll;
144  overflow-x: hidden;
145  text-align: justify;
146  scrollbar-base-color: #FFFFFF;
147}
148
149.gameAnnotator {
150  float: right;
151  color: gray;
152}
153
154.boardTable {
155  width: 376px;
156  height: 376px;
157  border-style: solid;
158  border-color: #808080;
159  border-width: 3px;
160  box-shadow: 0px 0px 20px #DDDDDD;
161}
162
163.pieceImage {
164  width: 39px;
165  height: 39px;
166}
167
168.whiteSquare,
169.blackSquare,
170.highlightWhiteSquare,
171.highlightBlackSquare {
172  width: 45px;
173  height: 45px;
174  border-style: solid;
175  border-width: 1px;
176}
177
178.whiteSquare,
179.highlightWhiteSquare {
180  border-color: #FFFFFF;
181  background: #FFFFFF;
182}
183
184.blackSquare,
185.highlightBlackSquare {
186  border-color: #DDDDDD;
187  background: #DDDDDD;
188}
189
190.highlightWhiteSquare,
191.highlightBlackSquare {
192  border-color: #AAAAAA;
193  border-style: solid;
194}
195
196.selectControl {
197/* a "width" attribute here must use the !important flag to override default settings */
198  -webkit-appearance: none;
199  -moz-appearance: none;
200  border-style: none;
201  color: gray;
202  background-color: white;
203}
204
205.optionSelectControl {
206  color: black;
207}
208
209.move,
210.variation,
211.comment {
212  color: black;
213  line-height: 1.4em;
214  font-weight: normal;
215  text-decoration: none;
216}
217
218.move,
219.variation,
220.commentMove {
221  font-family: 'pgn4web ChessSansUsual', 'pgn4web Liberation Sans', sans-serif;
222}
223
224a.move,
225a.variation,
226.commentMove {
227  white-space: nowrap;
228}
229
230.comment,
231.variation {
232  color: gray !important;
233}
234
235a.variation {
236  color: gray !important;
237}
238
239.moveOn,
240.variationOn,
241a.move:hover,
242a.variation:hover {
243  background: #DDDDDD;
244  border-radius: 2px;
245}
246
247.helpLink {
248  position: absolute;
249  bottom: 0px;
250  right: 2px;
251  color: lightgray;
252}
253
254.helpLink:hover {
255  color: black;
256}
257
258