Версия 12:13, 24 сентября 2023 | | Версия 07:38, 17 октября 2023 |
Строка 1: | | Строка 1: |
| | + | /*hangar vehicle css*/ |
| .hv-flag { | | | .hv-flag { |
| display:block; | | | display:block; |
Строка 5: | | Строка 6: |
| background-position:0px 0px; | | | background-position:0px 0px; |
| height:100px; | | | height:100px; |
| | + | line-height:19px; |
| width:160px; | | | width:160px; |
| margin:0px; | | | margin:0px; |
| padding:0px; | | | padding:0px; |
| | + | outline: 2px solid #457C12; |
| } | | | } |
| .hv-i-bons,.hv-i-base { | | | .hv-i-bons,.hv-i-base { |
Строка 40: | | Строка 43: |
| } | | | } |
| .hv-i-type-p > p { | | | .hv-i-type-p > p { |
? | color:#FEA91FFF; | | + | color:#FEA659; |
? | text-shadow:red 0 0 9px; | | + | text-shadow: #FF0000CC 0 0 5px; |
| } | | | } |
| .hv-i-type-r > p { | | | .hv-i-type-r > p { |
? | color:#70D0FFFF; | | + | color:#58B0FE; |
? | text-shadow:blue 0 0 9px; | | + | text-shadow: #0000FFCC 0 0 5px; |
| } | | | } |
| .hv-i-icon { | | | .hv-i-icon { |
Строка 84: | | Строка 87: |
| 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; | | |
| } | | | } |
| | | | |
Строка 140: | | Строка 104: |
| background-color:transparent; | | | background-color:transparent; |
| text-shadow:black 1px 1px 0,black -1px -1px 0,black -1px 1px 0,black 1px -1px 0; | | | text-shadow:black 1px 1px 0,black -1px -1px 0,black -1px 1px 0,black 1px -1px 0; |
? | font:600 13px "Helvetica"; | | + | font: 10pt "WarHeliosCondC"; |
| color:#EEEEEE; | | | color:#EEEEEE; |
| } | | | } |
Строка 173: | | Строка 137: |
| padding:0px; | | | padding:0px; |
| border-radius:1px; | | | border-radius:1px; |
| | + | overflow: hidden; |
| | + | white-space: nowrap; |
| | + | line-height: 19px; |
| } | | | } |
| .vs-base { | | | .vs-base { |
| background-color:#0A0A0FDD; | | | background-color:#0A0A0FDD; |
? | border:1px solid #363640DD; | | + | outline:1px solid #363640DD; |
? | outline:1px solid #1D2228AA; | | + | |
| } | | | } |
| .vs-prem { | | | .vs-prem { |
| background:linear-gradient(90deg,#3f1b07DD 50%,#1d0e08DD 100%); | | | background:linear-gradient(90deg,#3f1b07DD 50%,#1d0e08DD 100%); |
? | border:1px solid #564732E0; | | + | outline:1px solid #564732E0; |
? | outline:1px solid #382917A0; | | + | |
| } | | | } |
| .vs-shadow { | | | .vs-shadow { |
Строка 204: | | Строка 169: |
| .vs-i-icon { | | | .vs-i-icon { |
| position:absolute; | | | position:absolute; |
? | top:-3px; | | + | top:-5px; |
| left:-2px; | | | left:-2px; |
| width:0px; | | | width:0px; |
| height:0px; | | | height:0px; |
| | + | line-height:24px; |
| } | | | } |
| .vs-i-lvl { | | | .vs-i-lvl { |
| position:absolute; | | | position:absolute; |
? | top:-2px; | | + | top:-5px; |
? | left:13px; | | + | left:11px; |
| width:0px; | | | width:0px; |
| height:0px; | | | height:0px; |
| | + | line-height:24px; |
| } | | | } |
| .vs-i-name { | | | .vs-i-name { |
| position:absolute; | | | position:absolute; |
? | top:1px; | | + | top:0px; |
| left:-2px; | | | left:-2px; |
| width:100%; | | | width:100%; |
Строка 228: | | Строка 195: |
| .vs-i-cost-c { | | | .vs-i-cost-c { |
| position:absolute; | | | position:absolute; |
? | top:13px; | | + | top:12px; |
| left:0px; | | | left:0px; |
| width:100%; | | | width:100%; |
Строка 239: | | Строка 206: |
| .vs-i-cost-g { | | | .vs-i-cost-g { |
| position:absolute; | | | position:absolute; |
? | top:16px; | | + | top:12px; |
| left:0px; | | | left:0px; |
| width:100%; | | | width:100%; |
| height:0px; | | | height:0px; |
? | line-height:12px; | | + | line-height:9px; |
| color:#EEB064; | | | color:#EEB064; |
| font-family:'WarHeliosCondC'; | | | font-family:'WarHeliosCondC'; |
? | font-size:12px; | | + | font-size:9px; |
| } | | | } |
| .vs-i-cost-e { | | | .vs-i-cost-e { |
| position:absolute; | | | position:absolute; |
? | top:22px; | | + | top:21px; |
| left:0px; | | | left:0px; |
| width:100%; | | | width:100%; |
Строка 259: | | Строка 226: |
| font-size:9px; | | | font-size:9px; |
| } | | | } |
? | .vs-i-cost-c > p,.vs-i-cost-g > p,.vs-i-cost-e > p,.vs-i-name > p { | | + | .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; | | | 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; |
| | + | } |
| | + | |
| | + | |
| | + | .list-item { |
| | + | display: none; |
| | + | } |
| | + | .list-item.l-active { |
| | + | display: block; |
| | + | } |
| | + | .mt-main-std { |
| | + | display: flex; |
| | + | flex-wrap: wrap; |
| | + | justify-content: flex-start; |
| | + | align-content: flex-start; |
| | + | align-items: baseline; |
| | + | text-align: center; |
| | + | } |
| | + | .mt-tab-std { |
| | + | color: #436373; |
| | + | border-bottom: 1px dashed; |
| | + | font-size: 11px; |
| | + | padding: 1px 7px; |
| | + | margin: 0px 4px; |
| | + | width: fit-content; |
| | + | height: fit-content; |
| | + | cursor: pointer; |
| | + | } |
| | + | .mt-tab-std.t-active { |
| | + | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAdCAYAAABrAQZpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpsjdsJADAIA6PLdz0nMtViH0L9kMsFFGY2VESojEmCAvAkT6q4HXu71s+9RaOK8eze43GcAgwAIO4mEwgOuuAAAAAASUVORK5CYII=) |
| | + | repeat-x 0 0; |
| | + | background: url(https://wiki.lesta.ru/skins/globalwiki/css/../images/ug/b-switch.png?2022-10-24T19:00:00Z) |
| | + | repeat-x 0 0; |
| | + | box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2); |
| | + | border: 1px solid; |
| | + | border-color: #f6f6f6; |
| | + | border-color: rgba(255, 255, 255, 0.9); |
| | + | border-radius: 1px; |
| | + | line-height: 17px; |
| | + | vertical-align: top; |
| | + | color: #383838; |
| | + | font-weight: bold; |
| | + | font-size: 11px; |
| | + | border: 0; |
| | + | width: fit-content; |
| | + | height: fit-content; |
| | + | cursor: default; |
| | + | } |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | .moduletab { |
| | + | display: block; |
| | + | width: 200px; |
| | + | height: 46px; |
| | + | border-top: #197DEB 4px solid; |
| | + | background-color: #CCCCCC; |
| | + | } |
| | + | |
| | + | .moduletab:not(.t-active) { |
| | + | border-top: 0px; |
| | + | background-color: #808080; |
| | + | box-shadow: inset 0px -3px 3px #808080; |
| | + | } |
| | + | |
| | + | .modulemain { |
| | + | background-color: #CCCCCC; |
| | + | box-shadow: black 3px 3px 15px; |
| | + | padding: 5px; |
| | + | } |
| | + | |
| | + | .mim-main { |
| | + | display: flex; |
| | + | } |
| | + | .mim-tabs { |
| | + | width: 200px; |
| | + | } |
| | + | .mim-tab { |
| | + | height: 60px; |
| | + | background-color: #808080; |
| | + | border-left: #808080 4px solid; |
| | + | } |
| | + | .mim-tab.t-active { |
| | + | background-color: white; |
| | + | border-left: #197DEB 4px solid; |
| | + | } |
| | + | .mim-list { |
| | + | background-color: white; |
| | + | flex: 1; |
| | + | } |
| | + | |
| | + | |
| | + | .ttx-table { |
| | + | color: #8A897C; |
| | + | line-height: 24px; |
| | + | font: 14px Arial, "Helvetica CY", Helvetica, sans-serif; |
| | + | width: 500px; |
| | + | margin: 0px; |
| | + | padding: 0px; |
| | + | } |
| | + | .ttx-table > tbody > tr { |
| | + | height: 24px; |
| | + | border-bottom: 1px solid #26231B; |
| | + | } |
| | + | .ttx-table > tbody > tr > td { |
| | + | box-sizing: border-box; |
| | + | padding: 0px 6px; |
| | + | vertical-align: middle; |
| | + | } |
| | + | .ttx-table > tbody > tr > td > img { |
| | + | margin-left: 3px; |
| | + | } |
| | + | .ttx-table > tbody > tr > td > span { |
| | + | font-size: 11px; |
| | + | color: #606055; |
| | + | float: right; |
| | + | } |
| | + | .ttx-table > tbody > tr:first-child { |
| | + | border-top: 1px solid #26231B; |
| | + | } |
| | + | .ttx-table > tbody > tr:nth-child(even) { |
| | + | background-color: #1A1811; |
| | + | } |
| | + | .ttx-table > tbody > tr:nth-child(odd) { |
| | + | background-color: #1D1B14; |
| | + | } |
| | + | |
| | + | .ta-os-main { |
| | + | padding: 15px 5px 15px 0px; |
| | + | border-collapse: collapse; |
| | + | margin-bottom: 8px; |
| | + | } |
| | + | .ta-os-main > tbody > tr > td:not(.ta-os-img) { |
| | + | padding: 0px 15px 0px 5px; |
| | + | } |
| | + | .ta-os-main:last-child { |
| | + | margin-bottom: 0px; |
| | + | } |
| | + | .ta-os-img { |
| | + | border-right: 2px black solid; |
| | + | text-align: center; |
| | + | vertical-align: middle; |
| | + | height: 64px; |
| | + | width: 64px; |
| | + | aspect-ratio: 1 / 1; |
| | + | } |
| | + | .ta-os-head { |
| | + | border-bottom: 1px black solid; |
| | + | vertical-align: bottom; |
| | + | height: 20px; |
| | + | } |
| | + | |
| | + | .crew-table { |
| | + | display: flex; |
| | + | flex-direction: column; |
| | + | float: right; |
| | + | } |
| | + | .crew-str { |
| | + | display: flex; |
| | + | flex-wrap: nowrap; |
| | + | } |
| | + | .crew-slot { |
| | + | display: block; |
| | + | box-sizing: border-box; |
| | + | background-color: black; |
| | + | height: 52px; |
| | + | width: 52px; |
| | + | padding: 4px; |
| } | | | } |