Версия 06:38, 28 сентября 2023 | | Версия 10:20, 28 сентября 2023 |
Строка 86: | | Строка 86: |
| grid-area:tph-desc; | | | grid-area:tph-desc; |
| background-color:#FFFFFF; | | | 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; | | |
| } | | | } |
| | | | |
Строка 435: | | Строка 396: |
| margin-left: 4px; | | | margin-left: 4px; |
| } | | | } |
| | + | |
| | + | /*module list css*/ |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | | | |
| /*TEST*/ | | | /*TEST*/ |
Версия 10:20, 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;
}