Версия 10:31, 23 сентября 2023 | | Версия 10:32, 23 сентября 2023 |
Строка 149: | | Строка 149: |
| .vs-prem > .vs-shadow:hover { | | | .vs-prem > .vs-shadow:hover { |
| box-shadow: inset 0px 0px 10px 0px #000000; | | | box-shadow: inset 0px 0px 10px 0px #000000; |
? | background: linear-gradient(0deg, #FFFF0030 0%, #FFFF0015 3%, #FF000000 60%); | | + | background: linear-gradient(0deg, #FFFF0016 0%, #FF000008 40%, #FF000000 80%); |
| } | | | } |
Версия 10:32, 23 сентября 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;
}
.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;
}
.moduleinfo-body {
background-color: #B0B0B0;
display: grid;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
grid-template-columns: 225px auto;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-template-areas:
"ModuleMain ModuleTable";
}
.moduleinfo-main {
display: flex;
align-items: center;
height: 100%;
}
.moduleinfo-table {
grid-area: ModuleTable;
height: 100%;
}
.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;
}
.cell-main {
margin: 0px;
padding: 0px;
width: 48px;
height: 48px;
border-radius: 3px;
}
.cell-out {
background-image: url("https://wiki-cdn.lesta.ru/images/a/a1/Cellbg.png");
width: 48px;
height: 48px;
box-shadow: 0px 0px 3px 0px black;
opacity: 0.8;
}
.cell-in {
width: 100%;
height: 100%;
box-shadow: 0px 0px 7px 0px black inset;
opacity: 1;
}
.mi-param {
display: flex;
align-items: center;
padding: 0px 8px;
}
.mi-param>div {
width: 48px;
margin-left: 8px;
outline: aqua 1px solid;
}
.mi-param>div:first-child {
width: calc(100% - 168px);
height: auto;
margin-left: 0px;
border-bottom: 1px dashed;
}
.vs-base, .vs-prem {
position: relative;
display: block;
width: 124px;
height: 31px;
margin: 0px;
padding: 0px;
border-radius: 1px;
}
.vs-base {
background-color: #0A0A0FD0;
border: 1px solid #363640DD;
outline: 1px solid #1D2228AA;
}
.vs-prem {
background: linear-gradient(90deg, #3f1b07E0 50%, #1d0e08E0 100%);
border: 1px solid #564732E0;
outline: 1px solid #382917A0;
}
.vs-shadow {
position: absolute;
box-shadow: inset 0px 0px 10px 0px #000000;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
transition: all 0.2s ease;
}
.vs-base > .vs-shadow:hover {
box-shadow: inset 0px 0px 10px 0px #000000;
background-color: #FFFFFF16;
}
.vs-prem > .vs-shadow:hover {
box-shadow: inset 0px 0px 10px 0px #000000;
background: linear-gradient(0deg, #FFFF0016 0%, #FF000008 40%, #FF000000 80%);
}