Участник:_DiWoD_:ru/common.css — различия между версиями
Версия 12:58, 19 сентября 2023 Отменённое | Версия 15:00, 19 сентября 2023 | |||
Строка 53: | Строка 53: | |||
grid-area: ModuleTable; | grid-area: ModuleTable; | |||
height: 100%; | 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 { | |||
+ | margin: 100px; | |||
+ | background-image: url(test.png); | |||
+ | width: 48px; | |||
+ | height: 48px; | |||
+ | box-shadow: 0px 0px 3px 0px black; | |||
+ | } | |||
+ | .cell-in { | |||
+ | width: 100%; | |||
+ | height: 100%; | |||
+ | box-shadow: 0px 0px 7px 0px black inset; | |||
} | } |
Версия 15:00, 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; } .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 { margin: 100px; background-image: url(test.png); width: 48px; height: 48px; box-shadow: 0px 0px 3px 0px black; } .cell-in { width: 100%; height: 100%; box-shadow: 0px 0px 7px 0px black inset; }