Участник:Taidaru:ru/common.css — различия между версиями
Версия 10:01, 14 сентября 2023 Новая страница: «.tankflag { display: block; background-image: url("https://wiki-cdn.lesta.ru/images/2/2f/Фон_флаги.png"); background-position: 0px 0px; he…» | Версия 12:52, 21 сентября 2023 | |||
Строка 7: | Строка 7: | |||
margin: 0px; | margin: 0px; | |||
padding: 0px; | padding: 0px; | |||
+ | } | |||
+ | ||||
+ | .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; | |||
+ | } | |||
+ | ||||
+ | .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%; | |||
} | } | |||
Строка 23: | Строка 69: | |||
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: | + | font: 600 13px "Helvetica"; | |
color: #EEEEEE; | 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; | ||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
} | } | |||
? | . | + | .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; | ||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
? | + | |||
} | } |
Версия 12:52, 21 сентября 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; } .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; } .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%; } .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; } .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; }