Добро пожаловать на Lesta Games Wiki!

Участник:_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;
}