71 lines
1.2 KiB
CSS
71 lines
1.2 KiB
CSS
.griglia {
|
|
margin-left: 10%;
|
|
margin-right: 10%;
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-rows: 0.1fr 0.1fr 0.3fr 0.1fr 0.6fr;
|
|
grid-column-gap: 50px;
|
|
grid-row-gap: 50px;
|
|
background-color: black;
|
|
color: white;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.titolo {
|
|
grid-area: 1 / 2 / 2 / 3;
|
|
border: 2px solid green;
|
|
}
|
|
|
|
.nomeRiquadro1 {
|
|
grid-area: 2 / 1 / 3 / 2;
|
|
border: 2px solid green;
|
|
}
|
|
.nomeRiquadro2 {
|
|
grid-area: 2 / 3 / 3 / 4;
|
|
border: 2px solid green;
|
|
}
|
|
.nomeRiquadro3 {
|
|
grid-area: 4 / 1 / 5 / 2;
|
|
border: 2px solid #008000;
|
|
}
|
|
|
|
.content {
|
|
grid-area: 2 / 2 / 6 / 3;
|
|
border: 2px solid green;
|
|
overflow-y: scroll;
|
|
line-height: 1.5em; /* altezza di una riga */
|
|
height: calc((1.5em * 24) + (1.5em / 2)); /* 24 righe */
|
|
}
|
|
|
|
.desc {
|
|
grid-area: 3 / 3 / 6 / 4;
|
|
border: 2px solid green;
|
|
}
|
|
|
|
.stats {
|
|
grid-area: 3 / 1 / 4 / 2;
|
|
border: 2px solid green;
|
|
}
|
|
|
|
.controls {
|
|
grid-area: 5 / 1 / 6 / 2;
|
|
border: 2px solid green;
|
|
}
|
|
|
|
#color{
|
|
display: inline;
|
|
}
|
|
|
|
#costellazione{
|
|
display: none;
|
|
}
|
|
|
|
.tabellaColonna2{
|
|
padding-left: 40px;
|
|
}
|
|
|
|
#trovaSegno > :not(#link){
|
|
display: none;
|
|
}
|
|
|