Slight margin adjustement for FEN string
[vchess.git] / public / stylesheets / variant.sass
CommitLineData
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
38figure.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
88af03d2
BA
76.settings-btn
77 padding: 6px 7px 0 7px
3ed62725 78
05290bf9
BA
79.settings-btn-small
80 padding: 0 3px
81
bdb1f12d
BA
82.white-turn
83 background-color: white
84
85.black-turn
86 background-color: black
87
1d184b4c
BA
88div.board
89 float: left
1d184b4c 90 height: 0
1d184b4c
BA
91 display: inline-block
92 position: relative
93
c94bc812
BA
94div.board8
95 width: 12.5%
96 padding-bottom: 12.5%
97
98div.board10
99 width: 10%
100 padding-bottom: 10%
101
102div.board11
8a196305 103 width: 9.09%
c94bc812
BA
104 padding-bottom: 9.1%
105
bdb1f12d
BA
106.game
107 clear: both
108
3066bb47
BA
109.game .board
110 cursor: pointer
111
1d184b4c
BA
112#choices
113 margin-bottom: 10px
114
115#choices
116 margin: 0 auto 0 auto
117 position: relative
118 z-index: 300
119 overflow-y: inherit
120 background-color: rgba(0,0,0,0) //transparent
121
122#choices img
123 cursor: pointer
124 background-color: #e6ee9c
125
126#choices img:hover
127 background-color: skyblue
128
129img.choice-piece
130 height: 0
131 width: 90%
132 padding: 5%
133 height: 90%
134
135img.piece, img.mark-square, img.choice-piece
136 max-width: 100%
137 height: auto
138 display: block
139
140img.mark-square
141 opacity: 0.6
142
143img.ghost
144 position: absolute
145 opacity: 0.4
146 top: 0
147
148img.piece
149 width: 100%
150
151img.mark-square
152 width: 76%
153 position: absolute
154 top: 12%
155 left: 12%
156 opacity: .7
157
158figure.diagram-container > figcaption
159 display: block
160 clear: both
161 padding-top: 5px
162
130db3ef
BA
163.highlight
164 background-color: #00cc66 !important
165
166.incheck
167 background-color: #cc3300 !important
168
a897b421
BA
169.light-square.lichess
170 background-color: #f0d9b5;
171.dark-square.lichess
172 background-color: #b58863;
173.light-square.chesscom
174 background-color: #e5e5ca;
175.dark-square.chesscom
176 background-color: #6f8f57;
177.light-square.chesstempo
178 background-color: #fdfdfd;
179.dark-square.chesstempo
180 background-color: #88a0a8;
1d184b4c 181
1d184b4c
BA
182.light-square-diag
183 background-color: #e5e5ca
184.dark-square-diag
185 background-color: #6f8f57
186
187p.boxed
188 background-color: #FFCC66
189 padding: 5px
190
191.stageDelimiter
192 color: purple
193
194// To show (new) pieces, and/or there values...
195figure.showPieces > img
196 width: 50px
197
198figure.showPieces > figcaption
199 color: #6C6C6C
200
201figure.diagram-container
202 margin: 15px 0 15px 0
203 text-align: center
204 width: 100%
205 display: block
206
207.section-title
208 padding: 0
209
210.section-title > h4
211 padding: 5px
212
213.section-content
214 padding: 5px
215
216ol, ul:not(.browser-default)
217 padding-left: 20px
218
219ul:not(.browser-default)
220 margin-top: 5px
221
222ul:not(.browser-default) > li
223 list-style-type: disc
224
225.rulesTitle
226 font-weight: bold
227 cursor: pointer
228 padding: 3px;
229 background-color: lightgrey
7f4fff64
BA
230
231#fen-string
232 margin-top: 0