Участник:_DiWoD_:ru/common.css — различия между версиями
Версия 05:47, 18 сентября 2023 Убрано, перенесено в основное | Версия 04:03, 19 сентября 2023 | |||
Строка 155: | Строка 155: | |||
.spcmdsub { | .spcmdsub { | |||
grid-area: SUBTITLE; | grid-area: SUBTITLE; | |||
+ | } | |||
+ | ||||
+ | ||||
+ | .moduleinfo-body { | |||
+ | background-color: #B0B0B0; | |||
+ | display: grid; | |||
+ | grid-auto-columns: 1fr; | |||
+ | grid-auto-rows: 1fr; | |||
+ | grid-template-columns: 100px auto; | |||
+ | grid-template-rows: 1fr; | |||
+ | gap: 0px 0px; | |||
+ | grid-template-areas: | |||
+ | "ModuleMain ModuleTable"; | |||
+ | } | |||
+ | ||||
+ | .moduleinfo-main { | |||
+ | display: flex; | |||
+ | align-items: center; | |||
+ | justify-content: center; | |||
+ | height: 100%; | |||
+ | } | |||
+ | .moduleinfo-table { | |||
+ | grid-area: ModuleTable; | |||
+ | height: 100%; | |||
} | } |
Версия 04:03, 19 сентября 2023
.tankflag { display: block; background-image: url("https://wiki-cdn.lesta.ru/images/2/2f/Фон_флаги.png"); background-position: 0px 0px; height: 100px; width: 160px; margin: 0px; padding: 0px; } .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; } table.chartable { width: 100%; padding: 0px; margin: 0px; box-sizing: border-box; border-collapse: separate; border-spacing: 1px; text-indent: 0px; } table.chartable > tbody > tr > th { background: #DDDDDD; width: 8%; padding: 0px 10px; vertical-align: middle; } table.chartable > tbody > tr > th:first-child { background: #DDDDDD; width: 50px; padding: 0px; vertical-align: middle; } table.chartable > tbody > tr > th:last-child { background: #DDDDDD; width: auto; text-indent: 10px; vertical-align: middle; } table.chartable > tbody > tr > td { background: #FFFFFF; text-align: center; } table.chartable > tbody > tr > td:last-child { background: none; vertical-align: top; text-align: left; } .modulecharlist { white-space: nowrap; background-image: url("https://wiki-cdn.lesta.ru/images/4/4d/ModuleBG.png"); margin: 0px; font: 13px Roboto; } .modulecharlist > tbody > tr { color: #FFFFFF80; height: 30px; margin: 0px; } .modulecharlist > tbody > tr > td > * { vertical-align: middle; } .modulecharlist > tbody > tr > td > span { vertical-align: middle; color: #FFFFFF50; } .modulecharlist > tbody > tr > td:nth-child(2) { text-align: center; font: 14px "Roboto Condensed"; white-space: nowrap; } .charcl { width:100%; padding: 0px; margin: 0px; border-bottom: 1px dashed black; } .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; } .spcmodules { display: flex; background-color: #000000FF; color:white; flex-wrap: wrap; justify-content: space-evenly; padding-bottom: 10px; grid-area: tph-spec; } .spcmodules p { margin: 0px; } .spcmodules img { padding-top: 5px; } .spcmodules > div { margin-top: 10px; } .spcmodule { display: grid; grid-template-columns: 64px 1fr; grid-template-rows: 3fr 5fr; gap: 0px 0px; grid-template-areas: "IMG TITLE" "IMG SUBTITLE"; width: 48%; } .spcmdimg{ grid-area: IMG; } .spcmdtxt { grid-area: TITLE; } .spcmdsub { grid-area: SUBTITLE; } .moduleinfo-body { background-color: #B0B0B0; display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-template-columns: 100px auto; grid-template-rows: 1fr; gap: 0px 0px; grid-template-areas: "ModuleMain ModuleTable"; } .moduleinfo-main { display: flex; align-items: center; justify-content: center; height: 100%; } .moduleinfo-table { grid-area: ModuleTable; height: 100%; }