Версия 06:09, 28 сентября 2023 | | Версия 06:14, 28 сентября 2023 |
Строка 385: | | Строка 385: |
| } | | | } |
| .p-tree { | | | .p-tree { |
| | + | display: flex; |
| | + | overflow: auto; |
| | + | text-align: center; |
| grid-area: p-tree; | | | grid-area: p-tree; |
| /*background-color: #FFFFCC;*/ | | | /*background-color: #FFFFCC;*/ |
Строка 393: | | Строка 396: |
| padding: 12px; | | | padding: 12px; |
| max-width: 434px; | | | max-width: 434px; |
? | float: right; | | + | } |
| | + | .p-spec { |
| | + | flex: 1; |
| } | | | } |
| .info-icon { | | | .info-icon { |
Версия 06:14, 28 сентября 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;
line-height:19px;
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;
overflow: hidden;
white-space: nowrap;
line-height: 19px;
}
.vs-base {
background-color:#0A0A0FDD;
outline:1px solid #363640DD;
}
.vs-prem {
background:linear-gradient(90deg,#3f1b07DD 50%,#1d0e08DD 100%);
outline:1px solid #564732E0;
}
.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:-5px;
left:-2px;
width:0px;
height:0px;
line-height:24px;
}
.vs-i-lvl {
position:absolute;
top:-5px;
left:11px;
width:0px;
height:0px;
line-height:24px;
}
.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:12px;
left:0px;
width:100%;
height:0px;
line-height:9px;
color:#EEB064;
font-family:'WarHeliosCondC';
font-size:9px;
}
.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-b {
position:absolute;
top:21px;
left:0px;
width:100%;
height:0px;
line-height:9px;
color:#D29672;
font-family:'WarHeliosCondC';
font-size:9px;
}
.vs-i-cost-c > p,.vs-i-cost-g > p,.vs-i-cost-e > p,.vs-i-cost-b > p,.vs-i-name > p {
float:right;
}
/*tree css*/
.tt-scroll {
overflow-x: scroll;
overflow-y: scroll;
width: 100%;
min-height: 155px;
max-height: 496px;
background-color: #181820;
padding: 9px 9px 15px 9px;
outline: 1px solid #00000020;
}
.tt-pdng, .p-pdng {
display: flex;
background-color:#181820;
padding: 12px 8px;
min-height: 100px;
}
.tt-main {
border-collapse: collapse;
margin: auto;
}
.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;
}
.pg-head {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"p-head p-head"
"p-icon p-desc"
"p-hend p-hend"
"p-tree p-tree";
padding: 0px;
margin: 0px;
/*background-color: #AAAAAA;*/
min-width: 480px;
}
.p-head {
grid-area: p-head;
/*background-color: #FFCCCC;*/
height: 50px;
line-height: 50px;
text-align: center;
font: 36px "WarHeliosCondCBold",Arial,Helvetica,sans-serif;
}
.p-head img {
vertical-align: baseline;
}
.p-icon {
grid-area: p-icon;
/*background-color: #CCFFCC;*/
}
.p-desc {
grid-area: p-desc;
/*background-color: #CCCCFF;*/
font-family: "Roboto","Arial Narrow",Arial,sans-serif;
font-size: 14px;
text-indent: 14px;
}
.p-hend {
grid-area: p-hend;
/*background-color: #FFFFFF;*/
display: flex;
text-align: center;
vertical-align: middle;
}
.p-tree {
display: flex;
overflow: auto;
text-align: center;
grid-area: p-tree;
/*background-color: #FFFFCC;*/
text-align: center;
vertical-align: middle;
}
.p-pdng {
padding: 12px;
max-width: 434px;
}
.p-spec {
flex: 1;
}
.info-icon {
height: 100px;
width: 160px;
/*background-color: #494949;*/
margin: 10px 5px 10px 10px;
text-align: center;
line-height: 100px;
}
.info-desc {
min-height: 100px;
background-color: #FFFFFF;
margin: 10px 10px 10px 5px;
box-sizing: border-box;
padding: 4px 3px 0px;
outline: 2px solid #AAAAAA;
}
.info-inflex {
/* outline: red solid 1px; */
flex-grow: 1;
padding: 6px 0px;
font: 36px "WarHeliosCondCBold",Arial,Helvetica,sans-serif;
display: flex;
line-height: 48px;
justify-content: center;
}
.info-inflex-line {
display: inline-block;
border-left: dashed #808080 1.5px;
text-align: left;
height: 48px;
padding-left: 6px;
margin-left: 4px;
}
/*TEST*/
.b-main-wrp {
max-width: none;
}