Участник:_DiWoD_:ru/common.css — различия между версиями

Версия 10:07, 23 сентября 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;
}

.vs-main {
  position: relative;
  display: block;
  width: 124px;
  height: 31px;
  margin: 0px;
  padding: 0px;
  border-radius: 1px;
}

vs-base {
  background-color: #0A0A0FD0;
  border: 1px solid #363640DD;
  outline: 1px solid #1D2228AA;
}

vs-prem {
  background: linear-gradient(90deg, #3f1b07E0 50%, #1d0e08E0 100%);
  border: 1px solid #564732E0;
  outline: 1px solid #382917A0;
}

vs-shadow {
  box-shadow: inset 0px 0px 10px 0px #000000;
}