Версия 12:52, 21 сентября 2023 | | Версия 12:13, 24 сентября 2023 |
Строка 1: | | Строка 1: |
? | .tankflag { | | + | .hv-flag { |
? | display: block; | | + | display:block; |
? | background-image: url("https://wiki-cdn.lesta.ru/images/2/2f/Фон_флаги.png"); | | + | position:relative; |
? | background-position: 0px 0px; | | + | background-image:url("https://wiki-cdn.lesta.ru/images/2/2f/Фон_флаги.png"); |
? | height: 100px; | | + | background-position:0px 0px; |
? | width: 160px; | | + | height:100px; |
? | margin: 0px; | | + | width:160px; |
? | padding: 0px; | | + | 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 { | | | .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 { | | + | .vs-base { |
? | width: 48px; | | + | background-color:#0A0A0FDD; |
? | margin-left: 8px; | | + | border:1px solid #363640DD; |
? | outline: aqua 1px solid; | | + | outline:1px solid #1D2228AA; |
| } | | | } |
? | .mi-param>div:first-child { | | + | .vs-prem { |
? | width: calc(100% - 168px); | | + | background:linear-gradient(90deg,#3f1b07DD 50%,#1d0e08DD 100%); |
? | height: auto; | | + | border:1px solid #564732E0; |
? | margin-left: 0px; | | + | outline:1px solid #382917A0; |
? | border-bottom: 1px dashed; | | + | } |
| | + | .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:-3px; |
| | + | left:-2px; |
| | + | width:0px; |
| | + | height:0px; |
| | + | } |
| | + | .vs-i-lvl { |
| | + | position:absolute; |
| | + | top:-2px; |
| | + | left:13px; |
| | + | width:0px; |
| | + | height:0px; |
| | + | } |
| | + | .vs-i-name { |
| | + | position:absolute; |
| | + | top:1px; |
| | + | left:-2px; |
| | + | width:100%; |
| | + | height:0px; |
| | + | line-height:11px; |
| | + | color:white; |
| | + | font:11px Roboto,sans-serif; |
| | + | } |
| | + | .vs-i-cost-c { |
| | + | position:absolute; |
| | + | top:13px; |
| | + | left:0px; |
| | + | width:100%; |
| | + | height:0px; |
| | + | line-height:9px; |
| | + | color:#EEEEEE; |
| | + | font-family:'WarHeliosCondC'; |
| | + | font-size:9px; |
| | + | } |
| | + | .vs-i-cost-g { |
| | + | position:absolute; |
| | + | top:16px; |
| | + | left:0px; |
| | + | width:100%; |
| | + | height:0px; |
| | + | line-height:12px; |
| | + | color:#EEB064; |
| | + | font-family:'WarHeliosCondC'; |
| | + | font-size:12px; |
| | + | } |
| | + | .vs-i-cost-e { |
| | + | position:absolute; |
| | + | top:22px; |
| | + | left:0px; |
| | + | width:100%; |
| | + | height:0px; |
| | + | line-height:9px; |
| | + | color:#DFC498; |
| | + | font-family:'WarHeliosCondC'; |
| | + | font-size:9px; |
| | + | } |
| | + | .vs-i-cost-c > p,.vs-i-cost-g > p,.vs-i-cost-e > p,.vs-i-name > p { |
| | + | float:right; |
| } | | | } |