Участник:Sorell:ru — различия между версиями
Версия 06:54, 15 июня 2023 | Версия 06:09, 24 сентября 2023 | |||
Строка 27: | Строка 27: | |||
|[[Файл:Vymesh icon LG-SPB-MT.png|200px|Вымышленная техника|link=Вымышленная техника]]<br />[[Вымышленная техника]] | |[[Файл:Vymesh icon LG-SPB-MT.png|200px|Вымышленная техника|link=Вымышленная техника]]<br />[[Вымышленная техника]] | |||
|} | |} | |||
+ | /*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; | |||
+ | 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; | |||
+ | } | |||
+ | ||||
+ | /*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; | |||
+ | } | |||
+ | ||||
+ | /*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; | |||
+ | } | |||
+ | .vs-base { | |||
+ | background-color:#0A0A0FDD; | |||
+ | border:1px solid #363640DD; | |||
+ | outline:1px solid #1D2228AA; | |||
+ | } | |||
+ | .vs-prem { | |||
+ | background:linear-gradient(90deg,#3f1b07DD 50%,#1d0e08DD 100%); | |||
+ | border:1px solid #564732E0; | |||
+ | outline:1px solid #382917A0; | |||
+ | } | |||
+ | .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; | |||
+ | } |
Версия 06:09, 24 сентября 2023
Лёгкие танки_2 |
Средние танки_2 |
Тяжёлые танки_2 |
ПТ-САУ_2 |
Лёгкие танки_2 |
Средние танки_2 |
Тяжёлые танки_2 |
ПТ-САУ_2 |
САУ_2 |
Техника событий |
Вымышленная техника |
/*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; 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;
}
/*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;
}
/*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;
} .vs-base {
background-color:#0A0A0FDD; border:1px solid #363640DD; outline:1px solid #1D2228AA;
} .vs-prem {
background:linear-gradient(90deg,#3f1b07DD 50%,#1d0e08DD 100%); border:1px solid #564732E0; outline:1px solid #382917A0;
} .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;}