Game layout: don't need 'GameTextWrapper' block.
This commit is contained in:
parent
2eacb85b7a
commit
2ead076d95
@ -36,30 +36,27 @@ body, html { height: 100%; }
|
|||||||
|
|
||||||
@tableBorder: 1px solid #ddd;
|
@tableBorder: 1px solid #ddd;
|
||||||
|
|
||||||
#GameTextWrapper {
|
#GameText {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: @boardSize + 10px;
|
left: @boardSize + 10px;
|
||||||
|
|
||||||
display: block;
|
display: block;
|
||||||
width: 180px;
|
width: 170px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
#GameText {
|
#ShowPgnText {
|
||||||
display: table;
|
> * { float: left; }
|
||||||
border-left: @tableBorder;
|
> *:nth-child(-n+4) { border-top: @tableBorder; }
|
||||||
#ShowPgnText > :nth-child(-n+4) { border-top: @tableBorder; }
|
> *:nth-child(5n+1) { border-left: @tableBorder; }
|
||||||
.move {
|
.move {
|
||||||
display: table-cell;
|
|
||||||
float: left;
|
|
||||||
border-bottom: @tableBorder;
|
border-bottom: @tableBorder;
|
||||||
border-right: @tableBorder;
|
border-right: @tableBorder;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
span.move { width: 40px; }
|
span.move { width: 40px; }
|
||||||
a.move { width: 50px; }
|
a.move { width: 50px; }
|
||||||
.variation { float: left; }
|
|
||||||
}
|
}
|
||||||
.moveOn, .variationOn { background-color: #ccc; }
|
.moveOn, .variationOn { background-color: #ccc; }
|
||||||
|
|
||||||
|
@ -19,9 +19,7 @@ layout: default
|
|||||||
<p></p>
|
<p></p>
|
||||||
<div id="GameButtons"></div>
|
<div id="GameButtons"></div>
|
||||||
|
|
||||||
<div id="GameTextWrapper">
|
<div id="GameText"></div>
|
||||||
<div id="GameText"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p></p>
|
<p></p>
|
||||||
|
Loading…
Reference in New Issue
Block a user