Версия 06:11, 19 сентября 2023 | | Версия 06:41, 19 сентября 2023 |
Строка 163: | | Строка 163: |
| grid-auto-columns: 1fr; | | | grid-auto-columns: 1fr; |
| grid-auto-rows: 1fr; | | | grid-auto-rows: 1fr; |
? | grid-template-columns: auto 100%; | | + | grid-template-columns: 225 auto; |
| grid-template-rows: 1fr; | | | grid-template-rows: 1fr; |
| gap: 0px 0px; | | | gap: 0px 0px; |
Версия 06:41, 19 сентября 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: 600 13px "Helvetica";
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;
}
.tankpagehead {
display: grid;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
grid-template-columns: 160px 1fr 1fr;
grid-template-rows: 1fr auto;
gap: 0px 0px;
grid-template-areas:
"tph-hangar tph-desc tph-desc"
"tph-spec tph-spec tph-spec";
}
.tph-hangar {
grid-area: tph-hangar;
height: 100px;
width: 160px;
margin: 0px;
padding: 0px;
background-color: #FF0000;
}
.tph-desc {
grid-area: tph-desc;
background-color: #FFFFFF;
}
.spcmodules {
display: flex;
background-color: #000000FF;
color:white;
flex-wrap: wrap;
justify-content: space-evenly;
padding-bottom: 10px;
grid-area: tph-spec;
}
.spcmodules p {
margin: 0px;
}
.spcmodules img {
padding-top: 5px;
}
.spcmodules > div {
margin-top: 10px;
}
.spcmodule {
display: grid;
grid-template-columns: 64px 1fr;
grid-template-rows: 3fr 5fr;
gap: 0px 0px;
grid-template-areas:
"IMG TITLE"
"IMG SUBTITLE";
width: 48%;
}
.spcmdimg{
grid-area: IMG;
}
.spcmdtxt {
grid-area: TITLE;
}
.spcmdsub {
grid-area: SUBTITLE;
}
.moduleinfo-body {
background-color: #B0B0B0;
display: grid;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
grid-template-columns: 225 auto;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-template-areas:
"ModuleMain ModuleTable";
}
.moduleinfo-main {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.moduleinfo-table {
grid-area: ModuleTable;
height: 100%;
}