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

Участник: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: 12px "Roboto Condensed";+ font: 600 13px "Helvetica";
  color: #EEEEEE;  color: #EEEEEE;
 } }
  
?table.chartable {+.cell-main {
? width: 100%;+ margin: 0px;
? padding: 0px;+ padding: 0px;
? margin: 0px;+ width: 48px;
? box-sizing: border-box;+ height: 48px;
? border-collapse: separate;+ border-radius: 3px;
? border-spacing: 1px;+
? text-indent: 0px;+
 } }
?table.chartable > tbody > tr > th {+.cell-out {
? background: #DDDDDD;+ background-image: url("https://wiki-cdn.lesta.ru/images/a/a1/Cellbg.png");
? width: 8%;+ width: 48px;
? padding: 0px 10px;+ height: 48px;
? vertical-align: middle;+ box-shadow: 0px 0px 3px 0px black;
 + opacity: 0.8;
 } }
?table.chartable > tbody > tr > th:first-child {+.cell-in {
? background: #DDDDDD;+ width: 100%;
? width: 50px;+ height: 100%;
? padding: 0px;+ box-shadow: 0px 0px 7px 0px black inset;
? vertical-align: middle;+ opacity: 1;
?}+
?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 {+.mi-param {
? white-space: nowrap;+ display: flex;
? background-image: url("https://wiki-cdn.lesta.ru/images/4/4d/ModuleBG.png");+ align-items: center;
? margin: 0px;+ padding: 0px 8px;
? font: 13px Roboto;+
 } }
?.modulecharlist > tbody > tr {+.mi-param>div {
? color: #FFFFFF80;+ width: 48px;
? height: 30px;+ margin-left: 8px;
? margin: 0px;+ outline: aqua 1px solid;
 } }
?.modulecharlist > tbody > tr > td > * {+.mi-param>div:first-child {
? vertical-align: middle;+ width: calc(100% - 168px);
?}+ height: auto;
?.modulecharlist > tbody > tr > td > span {+ margin-left: 0px;
? vertical-align: middle;+ border-bottom: 1px dashed;
? 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;+
 } }

Версия 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;
}