1/*
2 *  pgn4web javascript chessboard
3 *  copyright (C) 2009-2013 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-ChessSansUscf.css");
10
11html,
12body {
13  margin: 0px;
14  padding: 0px;
15}
16
17body {
18  font-family: 'pgn4web Liberation Sans', sans-serif;
19  font-size: 14px;
20  line-height: 1.4em;
21  color: black;
22  background: white;
23}
24
25div, span, table, tr, td {
26  font-family: 'pgn4web Liberation Sans', sans-serif; /* fixes IE9 body css issue */
27}
28
29a.gamelist,
30a.gamelistselected {
31  display: inline-block;
32  width: 100%;
33  font-weight: bold;
34  text-decoration: none;
35  background: #c3c3c3;
36  padding: 13px;
37  margin-bottom: 15px;
38  border-style: none;
39  border-radius: 10px;
40}
41
42a.gamelist {
43  color: #ffffff;
44  box-shadow: 1px 1px 15px #aaaaaa;
45}
46
47a.gamelistselected {
48  color: #666666;
49  box-shadow: 1px 1px 5px #cccccc;
50}
51
52.boardTable {
53  width: 388px;
54  height: 388px;
55  border-style: solid;
56  border-color: #c3c3c3;
57  border-width: 10px;
58  border-radius: 10px;
59  box-shadow: 1px 1px 30px #aaaaaa;
60  margin-right: 10px;
61}
62
63.pieceImage {
64  width: 34px;
65  height: 34px;
66}
67
68.whiteSquare,
69.blackSquare,
70.highlightWhiteSquare,
71.highlightBlackSquare {
72  width: 44px;
73  height: 44px;
74  border-width: 1px;
75  border-style: solid;
76}
77
78.whiteSquare,
79.highlightWhiteSquare {
80  background: #e3e3e3;
81  border-color: #e3e3e3;
82}
83
84.blackSquare,
85.highlightBlackSquare {
86  background: #c3c3c3;
87  border-color: #c3c3c3;
88}
89
90.highlightWhiteSquare,
91.highlightBlackSquare {
92  border-style: inset;
93}
94
95.buttonControlPlay,
96.buttonControlStop,
97.buttonControl {
98/* a "width" attribute here must use the !important flag to override default settings */
99  width: 60px !important;
100}
101
102.buttonControlSpace {
103/* a "width" attribute here must use the !important flag to override default settings */
104  width: 22px !important;
105}
106
107.buttonControlPlay,
108.buttonControlStop,
109.buttonControl,
110.selectControl,
111.searchPgnButton,
112.searchPgnExpression {
113/* a "width" attribute here must use the !important flag to override default settings */
114  font-size: 14px;
115  font-weight: bold;
116  color: #ffffff;
117  background: #c3c3c3;
118  padding: 13px;
119  border-style: none;
120  border-radius: 10px;
121  box-shadow: 1px 1px 15px #aaaaaa;
122}
123
124.buttonControlPlay:active,
125.buttonControlStop:active,
126.buttonControl:active {
127  color: #666666;
128  box-shadow: 1px 1px 5px #cccccc;
129}
130
131.optionSelectControl {
132  background-color: #c3c3c3;
133}
134
135.move,
136.variation {
137  font-weight: normal;
138  text-decoration: none;
139}
140
141.move,
142.variation,
143.commentMove {
144  font-family: 'pgn4web ChessSansUscf', 'pgn4web Liberation Sans', sans-serif;
145}
146
147a.move,
148a.variation,
149.commentMove {
150  white-space: nowrap;
151}
152
153.move {
154  color: black;
155}
156
157.comment,
158.variation {
159  color: gray;
160}
161
162a.variation {
163  color: gray;
164}
165
166.moveOn,
167.variationOn {
168  background: #e3e3e3;
169  box-shadow: 0px 0px 15px #c3c3c3;
170}
171
172