Версия 17:37, 24 сентября 2023 | | Версия 17:38, 24 сентября 2023 |
Строка 267: | | Строка 267: |
| | | | |
| /*tree css*/ | | | /*tree css*/ |
? | .tt-main { | | + | .tt-scroll { |
? | border-spacing: 0; | | + | |
| overflow-x: scroll; | | | overflow-x: scroll; |
| width: 100%; | | | width: 100%; |
| | + | padding: 12px; |
| | + | } |
| | + | .tt-main { |
| | + | border-spacing: 0; |
| background-color:#181820; | | | background-color:#181820; |
| color: white; | | | color: white; |
| text-align:center; | | | text-align:center; |
? | padding: 12px; | | |
| } | | | } |
| .tt-arrow, .tt-arrow-long { | | | .tt-arrow, .tt-arrow-long { |
Версия 17:38, 24 сентября 2023
/*hangar vehicle css*/
.hv-flag {
display:block;
position:relative;
background-image:url("https://wiki-cdn.lesta.ru/images/2/2f/Фон_флаги.png");
background-position:0px 0px;
height:100px;
width:160px;
margin:0px;
padding:0px;
}
.hv-i-bons,.hv-i-base {
position:absolute;
right:0px;
top:0px;
width:160px;
height:100px;
}
.hv-i-bons {
background:linear-gradient(160deg,#5B188200 45%,#601A8CC0 100%);
}
.hv-i-name {
position:absolute;
color:white;
text-align:right;
font-family:WarHeliosCondC;
font-size:14px;
height:0px;
line-height:14px;
}
.hv-i-name > p {
float:right;
}
.hv-i-type-p,.hv-i-type-r {
position:absolute;
right:2px;
top:66px;
font-size:11px;
font:normal 10px Arial,Helvetica,sans-serif;
vertical-align:top;
}
.hv-i-type-p > p {
color:#FEA91FFF;
text-shadow:red 0 0 9px;
}
.hv-i-type-r > p {
color:#70D0FFFF;
text-shadow:blue 0 0 9px;
}
.hv-i-icon {
position:absolute;
left:1px;
top:0px;
}
.hv-i-lvl {
position:absolute;
left:20px;
top:3px;
}
.hv-i-role {
position:absolute;
right:5px;
top:5px;
}
/*tank page css*/
.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;
}
/*module list css*/
.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%;
}
/*module-info css*/
.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;
}
/*item slot css*/
.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;
}
/*vehicle slot css*/
.vs-base,.vs-prem {
position:relative;
display:block;
width:124px;
height:31px;
margin:0px;
padding:0px;
border-radius:1px;
}
.vs-base {
background-color:#0A0A0FDD;
border:1px solid #363640DD;
outline:1px solid #1D2228AA;
box-sizing: border-box;
line-height: 19px;
}
.vs-prem {
background:linear-gradient(90deg,#3f1b07DD 50%,#1d0e08DD 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;
background-color:#00000004;
}
.vs-base > .vs-shadow:hover {
box-shadow:inset 0px 0px 4px 0px #FFFF0030;
background-color:#00000000;
}
.vs-prem > .vs-shadow:hover {
box-shadow:inset 0px 0px 4px 0px #FF000030;
background-color:#00000000;
}
.vs-i-icon {
position:absolute;
top:-4px;
left:-2px;
width:0px;
height:0px;
}
.vs-i-lvl {
position:absolute;
top:-3px;
left:13px;
width:0px;
height:0px;
}
.vs-i-name {
position:absolute;
top:0px;
left:-2px;
width:100%;
height:0px;
line-height:11px;
color:white;
font:11px Roboto,sans-serif;
}
.vs-i-cost-c {
position:absolute;
top:12px;
left:0px;
width:100%;
height:0px;
line-height:9px;
color:#EEEEEE;
font-family:'WarHeliosCondC';
font-size:9px;
}
.vs-i-cost-g {
position:absolute;
top:15px;
left:0px;
width:100%;
height:0px;
line-height:12px;
color:#EEB064;
font-family:'WarHeliosCondC';
font-size:12px;
}
.vs-i-cost-e {
position:absolute;
top:21px;
left:0px;
width:100%;
height:0px;
line-height:9px;
color:#DFC498;
font-family:'WarHeliosCondC';
font-size:9px;
}
.vs-i-cost-c > p,.vs-i-cost-g > p,.vs-i-cost-e > p,.vs-i-name > p {
float:right;
}
/*tree css*/
.tt-scroll {
overflow-x: scroll;
width: 100%;
padding: 12px;
}
.tt-main {
border-spacing: 0;
background-color:#181820;
color: white;
text-align:center;
}
.tt-arrow, .tt-arrow-long {
margin: 0px;
padding: 0px;
box-sizing: border-box;
max-width: 31px;
max-height: 31px;
}
.tt-arrow-long {
max-width: 124px;
}
.tt-main > tbody > tr {
margin: 0px;
padding: 0px;
min-height: 31px;
max-height: 31px;
height: 31px;
}
.tt-main > tbody > tr > td {
margin: 0px;
padding: 0px;
overflow: visible;
white-space: nowrap;
line-height: 31px;
}
.tt-main > tbody > tr > td:nth-child(even) {
min-width: 31px;
max-width: 31px;
width: 31px;
}
.tt-main > tbody > tr > td:nth-child(odd) {
min-width: 124px;
max-width: 124px;
width: 124px;
}