Commit | Line | Data |
---|---|---|
1d184b4c BA |
1 | .container#variantPage |
2 | padding: 0 | |
3 | ||
6a01d4f7 BA |
4 | //.container#variantPage > .row > div |
5 | @media screen and (max-width: 767px) | |
6 | .col-sm-12 | |
7 | padding: 0 | |
6a01d4f7 BA |
8 | h4 |
9 | margin: 0 0 10px 0 | |
10 | p | |
11 | margin-left: 0 | |
12 | margin-right: 0 | |
13 | padding: 0 3px | |
14 | ||
01ca2adc BA |
15 | #pgn-div > a |
16 | display: none | |
17 | ||
18 | #pgn-div > p | |
19 | cursor: pointer | |
20 | ||
dca02599 BA |
21 | #fen-div > p |
22 | margin-left: 0 | |
23 | margin-right: 0 | |
24 | ||
e7cfa68d BA |
25 | .warn |
26 | padding: 3px | |
27 | color: red | |
28 | background-color: lightgrey | |
29 | font-weight: bold | |
30 | ||
e64a4eff | 31 | .playing, button.playing:hover |
186516b8 BA |
32 | background-color: #ffcc99 |
33 | ||
e64a4eff | 34 | .seek, button.seek:hover |
186516b8 BA |
35 | background-color: #cc99ff |
36 | ||
1d184b4c BA |
37 | // https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout |
38 | figure.diagram-container > .diagram | |
39 | display: block | |
40 | width: 45% | |
41 | min-width: 300px | |
42 | max-width: 800px | |
43 | margin-left: auto | |
44 | margin-right: auto | |
45 | ||
bdb1f12d BA |
46 | .topindicator |
47 | position: relative | |
1d184b4c BA |
48 | border: 1px solid brown |
49 | ||
bdb1f12d BA |
50 | .indic-left |
51 | float: left | |
52 | margin: 0 0 10px 20px | |
53 | ||
54 | .indic-right | |
55 | float: right | |
56 | margin: 0 20px 10px 0 | |
57 | ||
92342261 BA |
58 | .marginleft |
59 | margin-left: 30px | |
60 | ||
61 | .reserve-count | |
62 | padding-left: 40% | |
63 | ||
64 | .reserve-div | |
65 | margin-bottom: 20px | |
66 | ||
67 | .reserve-row-1 | |
68 | margin-bottom: 15px | |
69 | ||
1d184b4c BA |
70 | .connected |
71 | background-color: green | |
72 | ||
73 | .disconnected | |
74 | background-color: red | |
75 | ||
3ed62725 | 76 | .expert-switch |
92342261 BA |
77 | padding: 0 10px 5px 10px |
78 | margin: 0 | |
3ed62725 BA |
79 | |
80 | .expert-mode, button.expert-mode:hover | |
81 | background-color: #ffcc99 | |
82 | ||
bdb1f12d BA |
83 | .white-turn |
84 | background-color: white | |
85 | ||
86 | .black-turn | |
87 | background-color: black | |
88 | ||
1d184b4c BA |
89 | div.board |
90 | float: left | |
1d184b4c | 91 | height: 0 |
1d184b4c BA |
92 | display: inline-block |
93 | position: relative | |
94 | ||
c94bc812 BA |
95 | div.board8 |
96 | width: 12.5% | |
97 | padding-bottom: 12.5% | |
98 | ||
99 | div.board10 | |
100 | width: 10% | |
101 | padding-bottom: 10% | |
102 | ||
103 | div.board11 | |
8a196305 | 104 | width: 9.09% |
c94bc812 BA |
105 | padding-bottom: 9.1% |
106 | ||
bdb1f12d BA |
107 | .game |
108 | clear: both | |
109 | ||
3066bb47 BA |
110 | .game .board |
111 | cursor: pointer | |
112 | ||
1d184b4c BA |
113 | #choices |
114 | margin-bottom: 10px | |
115 | ||
116 | #choices | |
117 | margin: 0 auto 0 auto | |
118 | position: relative | |
119 | z-index: 300 | |
120 | overflow-y: inherit | |
121 | background-color: rgba(0,0,0,0) //transparent | |
122 | ||
123 | #choices img | |
124 | cursor: pointer | |
125 | background-color: #e6ee9c | |
126 | ||
127 | #choices img:hover | |
128 | background-color: skyblue | |
129 | ||
130 | img.choice-piece | |
131 | height: 0 | |
132 | width: 90% | |
133 | padding: 5% | |
134 | height: 90% | |
135 | ||
136 | img.piece, img.mark-square, img.choice-piece | |
137 | max-width: 100% | |
138 | height: auto | |
139 | display: block | |
140 | ||
141 | img.mark-square | |
142 | opacity: 0.6 | |
143 | ||
144 | img.ghost | |
145 | position: absolute | |
146 | opacity: 0.4 | |
147 | top: 0 | |
148 | ||
149 | img.piece | |
150 | width: 100% | |
151 | ||
152 | img.mark-square | |
153 | width: 76% | |
154 | position: absolute | |
155 | top: 12% | |
156 | left: 12% | |
157 | opacity: .7 | |
158 | ||
159 | figure.diagram-container > figcaption | |
160 | display: block | |
161 | clear: both | |
162 | padding-top: 5px | |
163 | ||
164 | .light-square | |
165 | background-color: #f0d9b5 | |
166 | .dark-square | |
167 | background-color: #b58863 | |
168 | ||
169 | .highlight | |
e64a4eff BA |
170 | background-color: #00cc66 |
171 | ||
172 | .incheck | |
173 | background-color: #cc3300 | |
1d184b4c BA |
174 | |
175 | .light-square-diag | |
176 | background-color: #e5e5ca | |
177 | .dark-square-diag | |
178 | background-color: #6f8f57 | |
179 | ||
180 | p.boxed | |
181 | background-color: #FFCC66 | |
182 | padding: 5px | |
183 | ||
184 | .stageDelimiter | |
185 | color: purple | |
186 | ||
187 | // To show (new) pieces, and/or there values... | |
188 | figure.showPieces > img | |
189 | width: 50px | |
190 | ||
191 | figure.showPieces > figcaption | |
192 | color: #6C6C6C | |
193 | ||
194 | figure.diagram-container | |
195 | margin: 15px 0 15px 0 | |
196 | text-align: center | |
197 | width: 100% | |
198 | display: block | |
199 | ||
200 | .section-title | |
201 | padding: 0 | |
202 | ||
203 | .section-title > h4 | |
204 | padding: 5px | |
205 | ||
206 | .section-content | |
207 | padding: 5px | |
208 | ||
209 | ol, ul:not(.browser-default) | |
210 | padding-left: 20px | |
211 | ||
212 | ul:not(.browser-default) | |
213 | margin-top: 5px | |
214 | ||
215 | ul:not(.browser-default) > li | |
216 | list-style-type: disc | |
217 | ||
218 | .rulesTitle | |
219 | font-weight: bold | |
220 | cursor: pointer | |
221 | padding: 3px; | |
222 | background-color: lightgrey |