Версия 13:38, 15 сентября 2023 | | Версия 14:49, 15 сентября 2023 |
Строка 103: | | Строка 103: |
| } | | | } |
| .spcmodule { | | | .spcmodule { |
? | display: block; | | + | display: grid; |
? | grid-auto-columns: 1fr; | | + | grid-template-columns: 64px 80%; |
? | grid-template-columns: 1fr; | | + | grid-template-rows: 3fr 5fr; |
? | grid-template-rows: 64px 1fr; | | + | |
| gap: 0px 0px; | | | gap: 0px 0px; |
| grid-template-areas: | | | grid-template-areas: |
? | "." | | + | "IMG TITLE" |
? | "."; | | + | "IMG SUBTITLE"; |
| background-color: black; | | | background-color: black; |
| } | | | } |
| .spcmdimg{ | | | .spcmdimg{ |
| | + | grid-area: IMG; |
| background-color: red; | | | background-color: red; |
? | height: 50px; | | |
? | width: 100px; | | |
| } | | | } |
| .spcmdtxt { | | | .spcmdtxt { |
| | + | grid-area: TITLE; |
| background-color: orange; | | | background-color: orange; |
? | height: 30px; | | + | } |
? | width: 100px; | | + | .spcmdsub { |
| | + | grid-area: SUBTITLE; |
| | + | background-color: green; |
| } | | | } |
| .spcmdtxt, .spcmdimg { | | | .spcmdtxt, .spcmdimg { |
| text-align: center; | | | text-align: center; |
| } | | | } |
Версия 14:49, 15 сентября 2023
.tankflag {
display: block;
background-image: url("https://wiki-cdn.lesta.ru/images/2/2f/Фон_флаги.png");
background-position: 0px 0px;
height: 100px;
width: 160px;
margin: 0px;
padding: 0px;
}
.cellitem {
display: inline-block;
position: relative;
width: 54px;
height: 48px;
padding: 0px;
margin: 0px;
vertical-align: middle;
text-align: center;
}
.cellitem>div {
position: absolute;
background-color: transparent;
text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0, black 1px -1px 0;
font: 700 13px "Roboto Condensed";
color: #EEEEEE;
}
table.chartable {
width: 100%;
padding: 0px;
margin: 0px;
box-sizing: border-box;
border-collapse: separate;
border-spacing: 1px;
text-indent: 0px;
}
table.chartable > tbody > tr > th {
background: #DDDDDD;
width: 8%;
padding: 0px 10px;
vertical-align: middle;
}
table.chartable > tbody > tr > th:first-child {
background: #DDDDDD;
width: 50px;
padding: 0px;
vertical-align: middle;
}
table.chartable > tbody > tr > th:last-child {
background: #DDDDDD;
width: auto;
text-indent: 10px;
vertical-align: middle;
}
table.chartable > tbody > tr > td {
background: #FFFFFF;
text-align: center;
}
table.chartable > tbody > tr > td:last-child {
background: none;
vertical-align: top;
text-align: left;
}
.modulecharlist {
white-space: nowrap;
background-image: url("https://wiki-cdn.lesta.ru/images/4/4d/ModuleBG.png");
margin: 0px;
font: 13px Roboto;
}
.modulecharlist > tbody > tr {
color: #FFFFFF80;
height: 30px;
margin: 0px;
}
.modulecharlist > tbody > tr > td > * {
vertical-align: middle;
}
.modulecharlist > tbody > tr > td > span {
vertical-align: middle;
color: #FFFFFF50;
}
.modulecharlist > tbody > tr > td:nth-child(2) {
text-align: center;
font: 14px "Roboto Condensed";
white-space: nowrap;
}
.charcl {
width:100%;
padding: 0px;
margin: 0px;
border-bottom: 1px dashed black;
}
.spcmodules {
display: flex;
background-color: yellow;
color:white;
flex-wrap: wrap;
justify-content: space-evenly;
}
.spcmodule {
display: grid;
grid-template-columns: 64px 80%;
grid-template-rows: 3fr 5fr;
gap: 0px 0px;
grid-template-areas:
"IMG TITLE"
"IMG SUBTITLE";
background-color: black;
}
.spcmdimg{
grid-area: IMG;
background-color: red;
}
.spcmdtxt {
grid-area: TITLE;
background-color: orange;
}
.spcmdsub {
grid-area: SUBTITLE;
background-color: green;
}
.spcmdtxt, .spcmdimg {
text-align: center;
}