fix coordinate trainer CSS - closes #2418

This commit is contained in:
Thibault Duplessis 2016-11-24 21:42:38 +01:00
parent 8d8244c172
commit cadae93a8c
2 changed files with 49 additions and 1 deletions

View file

@ -3,7 +3,6 @@
@import lila.pref.Pref.Color
@moreCss = {
@cssTag("training.css")
@cssTag("coordinate.css")
}

View file

@ -1,6 +1,55 @@
#trainer {
margin-bottom: 160px;
position: relative;
min-height: 600px;
}
#trainer .board_and_ground {
display: flex;
align-items: center;
}
#trainer div.box {
margin-bottom: 1em;
border: 1px solid #ccc;
padding: 7px;
}
#trainer > .side {
position: absolute;
top: 64px;
left: -222px;
width: 212px;
}
#trainer > .side h1 {
text-align: center;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 10px;
}
#trainer > .side div.box {
margin-bottom: 20px;
padding: 0;
}
#trainer > .side div.box p {
padding: 10px;
}
body.dark #trainer > .side div.box {
border-color: #3d3d3d;
}
#trainer > .side div.box {
}
#trainer .right {
display: flex;
flex-flow: column nowrap;
justify-content: center;
padding-left: 15px;
width: 242px;
}
body.transp #trainer .right {
padding: 8px;
margin-left: 10px;
background: rgba(0,0,0,0.6);
}
form.color .color i {
display: block;
width: 30px;