Версия 19:16, 23 сентября 2023 | | Версия 20:39, 23 сентября 2023 |
Строка 1: | | Строка 1: |
| | + | /*hangar vehicle css*/ |
| .hv-flag { | | | .hv-flag { |
? | display: block; | | + | display:block; |
? | position: relative; | | + | position:relative; |
? | background-image: url("https://wiki-cdn.lesta.ru/images/2/2f/Фон_флаги.png"); | | + | background-image:url("https://wiki-cdn.lesta.ru/images/2/2f/Фон_флаги.png"); |
? | background-position: 0px 0px; | | + | background-position:0px 0px; |
? | height: 100px; | | + | height:100px; |
? | width: 160px; | | + | width:160px; |
? | margin: 0px; | | + | margin:0px; |
? | padding: 0px; | | + | padding:0px; |
| } | | | } |
? | .hv-i-bons, .hv-i-base { | | + | .hv-i-bons,.hv-i-base { |
? | position: absolute; | | + | position:absolute; |
? | right: 0px; | | + | right:0px; |
? | top: 0px; | | + | top:0px; |
? | width: 160px; | | + | width:160px; |
? | height: 100px; | | + | height:100px; |
| } | | | } |
| .hv-i-bons { | | | .hv-i-bons { |
? | background: linear-gradient(160deg, #5B188200 45%, #601A8CC0 100%); | | + | background:linear-gradient(160deg,#5B188200 45%,#601A8CC0 100%); |
| } | | | } |
| .hv-i-name { | | | .hv-i-name { |
? | position: absolute; | | + | position:absolute; |
? | color: white; | | + | color:white; |
? | text-align: right; | | + | text-align:right; |
? | font-family: WarHeliosCondC; | | + | font-family:WarHeliosCondC; |
? | font-size: 14px; | | + | font-size:14px; |
? | height: 0px; | | + | height:0px; |
? | line-height: 14px; | | + | line-height:14px; |
| } | | | } |
| .hv-i-name > p { | | | .hv-i-name > p { |
? | float: right; | | + | float:right; |
| } | | | } |
? | .hv-i-type-p, .hv-i-type-r { | | + | .hv-i-type-p,.hv-i-type-r { |
? | position: absolute; | | + | position:absolute; |
? | right: 2px; | | + | right:2px; |
? | top: 66px; | | + | top:66px; |
? | font-size: 11px; | | + | font-size:11px; |
? | font: normal 10px Arial,Helvetica,sans-serif; | | + | font:normal 10px Arial,Helvetica,sans-serif; |
? | vertical-align: top; | | + | vertical-align:top; |
? | text-shadow: red 0 0 9px; | | + | text-shadow:red 0 0 9px; |
| } | | | } |
| .hv-i-type-p > p { | | | .hv-i-type-p > p { |
? | color: #FEA91FFF; | | + | color:#FEA91FFF; |
| } | | | } |
| .hv-i-type-r > r { | | | .hv-i-type-r > r { |
? | color: #70D0FFFF; | | + | color:#70D0FFFF; |
| } | | | } |
| .hv-i-icon { | | | .hv-i-icon { |
? | position: absolute; | | + | position:absolute; |
| left:1px; | | | left:1px; |
| top:0px; | | | top:0px; |
| } | | | } |
| .hv-i-lvl { | | | .hv-i-lvl { |
? | position: absolute; | | + | position:absolute; |
| left:20px; | | | left:20px; |
| top:3px; | | | top:3px; |
| } | | | } |
| .hv-i-role { | | | .hv-i-role { |
? | position: absolute; | | + | position:absolute; |
| right:5px; | | | right:5px; |
| top:5px; | | | top:5px; |
| } | | | } |
? | | | + | /*tank page css*/ |
? | | | + | |
| .tankpagehead { | | | .tankpagehead { |
? | display: grid; | | + | display:grid; |
? | grid-auto-columns: 1fr; | | + | grid-auto-columns:1fr; |
? | grid-auto-rows: 1fr; | | + | grid-auto-rows:1fr; |
? | grid-template-columns: 160px 1fr 1fr; | | + | grid-template-columns:160px 1fr 1fr; |
? | grid-template-rows: 1fr auto; | | + | grid-template-rows:1fr auto; |
? | gap: 0px 0px; | | + | gap:0px 0px; |
? | grid-template-areas: | | + | grid-template-areas:"tph-hangar tph-desc tph-desc" |
? | "tph-hangar tph-desc tph-desc" | | + | "tph-spec tph-spec tph-spec"; |
? | "tph-spec tph-spec tph-spec"; | | + | |
| } | | | } |
| .tph-hangar { | | | .tph-hangar { |
? | grid-area: tph-hangar; | | + | grid-area:tph-hangar; |
? | height: 100px; | | + | height:100px; |
? | width: 160px; | | + | width:160px; |
? | margin: 0px; | | + | margin:0px; |
? | padding: 0px; | | + | padding:0px; |
? | background-color: #FF0000; | | + | background-color:#FF0000; |
| } | | | } |
| .tph-desc { | | | .tph-desc { |
? | grid-area: tph-desc; | | + | grid-area:tph-desc; |
? | background-color: #FFFFFF; | | + | background-color:#FFFFFF; |
| } | | | } |
| | | | |
| | + | /*module list css*/ |
| .moduleinfo-body { | | | .moduleinfo-body { |
? | background-color: #B0B0B0; | | + | background-color:#B0B0B0; |
? | display: grid; | | + | display:grid; |
? | grid-auto-columns: 1fr; | | + | grid-auto-columns:1fr; |
? | grid-auto-rows: 1fr; | | + | grid-auto-rows:1fr; |
? | grid-template-columns: 225px auto; | | + | grid-template-columns:225px auto; |
? | grid-template-rows: 1fr; | | + | grid-template-rows:1fr; |
? | gap: 0px 0px; | | + | gap:0px 0px; |
? | grid-template-areas: | | + | grid-template-areas:"ModuleMain ModuleTable"; |
? | "ModuleMain ModuleTable"; | | + | |
| } | | | } |
? | | | |
| .moduleinfo-main { | | | .moduleinfo-main { |
? | display: flex; | | + | display:flex; |
? | align-items: center; | | + | align-items:center; |
? | height: 100%; | | + | height:100%; |
| } | | | } |
| .moduleinfo-table { | | | .moduleinfo-table { |
? | grid-area: ModuleTable; | | + | grid-area:ModuleTable; |
? | height: 100%; | | + | 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 { | | | .cellitem { |
? | display: inline-block; | | + | display:inline-block; |
? | position: relative; | | + | position:relative; |
? | width: 54px; | | + | width:54px; |
? | height: 48px; | | + | height:48px; |
? | padding: 0px; | | + | padding:0px; |
? | margin: 0px; | | + | margin:0px; |
? | vertical-align: middle; | | + | vertical-align:middle; |
? | text-align: center; | | + | text-align:center; |
| } | | | } |
| .cellitem>div { | | | .cellitem>div { |
? | position: absolute; | | + | position:absolute; |
? | 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:600 13px "Helvetica"; |
? | color: #EEEEEE; | | + | color:#EEEEEE; |
| } | | | } |
? | | | |
| .cell-main { | | | .cell-main { |
? | margin: 0px; | | + | margin:0px; |
? | padding: 0px; | | + | padding:0px; |
? | width: 48px; | | + | width:48px; |
? | height: 48px; | | + | height:48px; |
? | border-radius: 3px; | | + | border-radius:3px; |
| } | | | } |
| .cell-out { | | | .cell-out { |
? | background-image: url("https://wiki-cdn.lesta.ru/images/a/a1/Cellbg.png"); | | + | background-image:url("https://wiki-cdn.lesta.ru/images/a/a1/Cellbg.png"); |
? | width: 48px; | | + | width:48px; |
? | height: 48px; | | + | height:48px; |
? | box-shadow: 0px 0px 3px 0px black; | | + | box-shadow:0px 0px 3px 0px black; |
? | opacity: 0.8; | | + | opacity:0.8; |
| } | | | } |
| .cell-in { | | | .cell-in { |
? | width: 100%; | | + | width:100%; |
? | height: 100%; | | + | height:100%; |
? | box-shadow: 0px 0px 7px 0px black inset; | | + | box-shadow:0px 0px 7px 0px black inset; |
? | opacity: 1; | | + | opacity:1; |
| } | | | } |
| | | | |
? | .mi-param { | | + | /*vehicle slot css*/ |
? | display: flex; | | + | .vs-base,.vs-prem { |
? | align-items: center; | | + | position:relative; |
? | padding: 0px 8px; | | + | display:block; |
| | + | width:124px; |
| | + | height:31px; |
| | + | margin:0px; |
| | + | padding:0px; |
| | + | border-radius:1px; |
| } | | | } |
? | .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; | | |
? | } | | |
? | | | |
? | | | |
? | .vs-base, .vs-prem { | | |
? | position: relative; | | |
? | display: block; | | |
? | width: 124px; | | |
? | height: 31px; | | |
? | margin: 0px; | | |
? | padding: 0px; | | |
? | border-radius: 1px; | | |
? | } | | |
? | | | |
| .vs-base { | | | .vs-base { |
? | background-color: #0A0A0FDD; | | + | background-color:#0A0A0FDD; |
? | border: 1px solid #363640DD; | | + | border:1px solid #363640DD; |
? | outline: 1px solid #1D2228AA; | | + | 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; | | + | border:1px solid #564732E0; |
? | outline: 1px solid #382917A0; | | + | outline:1px solid #382917A0; |
| } | | | } |
| .vs-shadow { | | | .vs-shadow { |
? | position: absolute; | | + | position:absolute; |
? | box-shadow: inset 0px 0px 10px 0px #000000; | | + | box-shadow:inset 0px 0px 10px 0px #000000; |
? | top: 0px; | | + | top:0px; |
? | left: 0px; | | + | left:0px; |
? | width: 100%; | | + | width:100%; |
? | height: 100%; | | + | height:100%; |
? | transition: all 0.2s ease; | | + | transition:all 0.2s ease; |
? | background-color: #00000004; | | + | background-color:#00000004; |
| } | | | } |
| .vs-base > .vs-shadow:hover { | | | .vs-base > .vs-shadow:hover { |
? | box-shadow: inset 0px 0px 4px 0px #FFFF0030; | | + | box-shadow:inset 0px 0px 4px 0px #FFFF0030; |
? | background-color: #00000000; | | + | background-color:#00000000; |
| } | | | } |
| .vs-prem > .vs-shadow:hover { | | | .vs-prem > .vs-shadow:hover { |
? | box-shadow: inset 0px 0px 4px 0px #FF000030; | | + | box-shadow:inset 0px 0px 4px 0px #FF000030; |
? | background-color: #00000000; | | + | background-color:#00000000; |
| } | | | } |
? | | | |
| .vs-i-icon { | | | .vs-i-icon { |
? | position: absolute; | | + | position:absolute; |
? | top: -3px; | | + | top:-3px; |
? | left: -2px; | | + | left:-2px; |
? | width: 0px; | | + | width:0px; |
? | height: 0px; | | + | height:0px; |
| } | | | } |
| .vs-i-lvl { | | | .vs-i-lvl { |
? | position: absolute; | | + | position:absolute; |
? | top: -2px; | | + | top:-2px; |
? | left: 13px; | | + | left:13px; |
? | width: 0px; | | + | width:0px; |
? | height: 0px; | | + | height:0px; |
| } | | | } |
| .vs-i-name { | | | .vs-i-name { |
? | position: absolute; | | + | position:absolute; |
? | top: 1px; | | + | top:1px; |
? | left: -2px; | | + | left:-2px; |
? | width: 100%; | | + | width:100%; |
? | height: 0px; | | + | height:0px; |
? | line-height: 11px; | | + | line-height:11px; |
? | color: white; | | + | color:white; |
? | font: 11px Roboto, sans-serif; | | + | font:11px Roboto,sans-serif; |
| } | | | } |
| .vs-i-cost-c { | | | .vs-i-cost-c { |
? | position: absolute; | | + | position:absolute; |
? | top: 13px; | | + | top:13px; |
? | left: 0px; | | + | left:0px; |
? | width: 100%; | | + | width:100%; |
? | height: 0px; | | + | height:0px; |
? | line-height: 9px; | | + | line-height:9px; |
? | color: #EEEEEE; | | + | color:#EEEEEE; |
? | font-family: 'WarHeliosCondC'; | | + | font-family:'WarHeliosCondC'; |
? | font-size: 9px; | | + | font-size:9px; |
| } | | | } |
| .vs-i-cost-g { | | | .vs-i-cost-g { |
? | position: absolute; | | + | position:absolute; |
? | top: 16px; | | + | top:16px; |
? | left: 0px; | | + | left:0px; |
? | width: 100%; | | + | width:100%; |
? | height: 0px; | | + | height:0px; |
? | line-height: 12px; | | + | line-height:12px; |
? | color: #EEB064; | | + | color:#EEB064; |
? | font-family: 'WarHeliosCondC'; | | + | font-family:'WarHeliosCondC'; |
? | font-size: 12px; | | + | font-size:12px; |
| } | | | } |
| .vs-i-cost-e { | | | .vs-i-cost-e { |
? | position: absolute; | | + | position:absolute; |
? | top: 22px; | | + | top:22px; |
? | left: 0px; | | + | left:0px; |
? | width: 100%; | | + | width:100%; |
? | height: 0px; | | + | height:0px; |
? | line-height: 9px; | | + | line-height:9px; |
? | color: #DFC498; | | + | color:#DFC498; |
? | font-family: 'WarHeliosCondC'; | | + | font-family:'WarHeliosCondC'; |
? | 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-c > p,.vs-i-cost-g > p,.vs-i-cost-e > p,.vs-i-name > p { |
? | float: right; | | + | float:right; |
| } | | | } |