Версия 11:07, 22 сентября 2023 | | Версия 11:16, 22 сентября 2023 |
Строка 132: | | Строка 132: |
| -o-transition: all 0.3s ease;; | | | -o-transition: all 0.3s ease;; |
| transition: all 0.3s ease; | | | transition: all 0.3s ease; |
| | + | } |
| | + | .vs-text { |
| | + | color: white; |
| | + | position: absolute; |
| | + | text-align:center; |
| | + | top:-16px; |
| | + | width:100% |
| | + | text-shadow: 0px 0px 2px black; |
| } | | | } |
| .vs-premium { | | | .vs-premium { |
Версия 11:16, 22 сентября 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;
}
.vehicleslot {
display: inline-block;
height: 45px;
margin: 0px;
padding: 0px;
background-color: green;
}
.vs-main {
position: relative;
height: 31px;
background-color: #000000E0;
outline: 1px solid #00000080;
border: 1px solid #808080FF;
border-radius: 1px;
margin-top: 14px;
}
.vs-main div {
-webkit-transition: all 0.3s ease;;
-moz-transition: all 0.3s ease;;
-o-transition: all 0.3s ease;;
transition: all 0.3s ease;
}
.vs-text {
color: white;
position: absolute;
text-align:center;
top:-16px;
width:100%
text-shadow: 0px 0px 2px black;
}
.vs-premium {
background: radial-gradient(at center bottom, #502508, #00000000);
}
.vs-inblock:hover {
background: radial-gradient(at center bottom, #606060, #00000000);
}
.vs-premium:hover {
background: radial-gradient(at center bottom, #704015, #00000000);
}