Версия 15:38, 28 сентября 2023 | | Версия 15:54, 28 сентября 2023 |
Строка 409: | | Строка 409: |
| max-width: none; | | | max-width: none; |
| } | | | } |
? | .tab-block { | | + | .tab-item { |
| display: inline-block; | | | display: inline-block; |
| margin: 0px 3px; | | | margin: 0px 3px; |
Строка 415: | | Строка 415: |
| outline: gray 1px solid; | | | outline: gray 1px solid; |
| } | | | } |
? | .tab-block.active { | | + | .tab-item.t-active { |
| outline: red 1px solid; | | | outline: red 1px solid; |
| } | | | } |
? | .list-block { | | + | .list-item { |
| display: none; | | | display: none; |
| } | | | } |
? | .list-block.active { | | + | .list-item.l-active { |
| display: block; | | | display: block; |
| } | | | } |
Версия 15:54, 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;
}
/*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;
margin: 20px 0px;
}
.p-tree {
display: flex;
align-items: center;
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;
display:flex;
}
.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: #FFFFFF90;
margin: 10px 10px 10px 5px;
box-sizing: border-box;
padding: 7px 7px 3px;
outline: 1px solid #AAAAAAAA;
}
.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;
}
/*module list css*/
/*TEST*/
.b-main-wrp {
max-width: none;
}
.tab-item {
display: inline-block;
margin: 0px 3px;
padding: 2px 7px;
outline: gray 1px solid;
}
.tab-item.t-active {
outline: red 1px solid;
}
.list-item {
display: none;
}
.list-item.l-active {
display: block;
}