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

Версия 20:39, 23 сентября 2023

/*hangar vehicle css*/
.hv-flag {
  display:block;
  position:relative;
  background-image:url("https://wiki-cdn.lesta.ru/images/2/2f/Фон_флаги.png");
  background-position:0px 0px;
  height:100px;
  width:160px;
  margin:0px;
  padding:0px;
}
.hv-i-bons,.hv-i-base {
  position:absolute;
  right:0px;
  top:0px;
  width:160px;
  height:100px;
}
.hv-i-bons {
  background:linear-gradient(160deg,#5B188200 45%,#601A8CC0 100%);
}
.hv-i-name {
  position:absolute;
  color:white;
  text-align:right;
  font-family:WarHeliosCondC;
  font-size:14px;
  height:0px;
  line-height:14px;
}
.hv-i-name > p {
  float:right;
}
.hv-i-type-p,.hv-i-type-r {
  position:absolute;
  right:2px;
  top:66px;
  font-size:11px;
  font:normal 10px Arial,Helvetica,sans-serif;
  vertical-align:top;
  text-shadow:red 0 0 9px;
}
.hv-i-type-p > p {
  color:#FEA91FFF;
}
.hv-i-type-r > r {
  color:#70D0FFFF;
}
.hv-i-icon {
  position:absolute;
  left:1px;
  top:0px;
}
.hv-i-lvl {
  position:absolute;
  left:20px;
  top:3px;
}
.hv-i-role {
  position:absolute;
  right:5px;
  top:5px;
}
/*tank page css*/
.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;
}

/*module list css*/
.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%;
}

/*module-info css*/
.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;
}

/*item slot css*/
.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;
}

/*vehicle slot css*/
.vs-base,.vs-prem {
  position:relative;
  display:block;
  width:124px;
  height:31px;
  margin:0px;
  padding:0px;
  border-radius:1px;
}
.vs-base {
  background-color:#0A0A0FDD;
  border:1px solid #363640DD;
  outline:1px solid #1D2228AA;
}
.vs-prem {
  background:linear-gradient(90deg,#3f1b07DD 50%,#1d0e08DD 100%);
  border:1px solid #564732E0;
  outline:1px solid #382917A0;
}
.vs-shadow {
  position:absolute;
  box-shadow:inset 0px 0px 10px 0px #000000;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  transition:all 0.2s ease;
  background-color:#00000004;
}
.vs-base > .vs-shadow:hover {
  box-shadow:inset 0px 0px 4px 0px #FFFF0030;
  background-color:#00000000;
}
.vs-prem > .vs-shadow:hover {
  box-shadow:inset 0px 0px 4px 0px #FF000030;
  background-color:#00000000;
}
.vs-i-icon {
  position:absolute;
  top:-3px;
  left:-2px;
  width:0px;
  height:0px;
}
.vs-i-lvl {
  position:absolute;
  top:-2px;
  left:13px;
  width:0px;
  height:0px;
}
.vs-i-name {
  position:absolute;
  top:1px;
  left:-2px;
  width:100%;
  height:0px;
  line-height:11px;
  color:white;
  font:11px Roboto,sans-serif;
}
.vs-i-cost-c {
  position:absolute;
  top:13px;
  left:0px;
  width:100%;
  height:0px;
  line-height:9px;
  color:#EEEEEE;
  font-family:'WarHeliosCondC';
  font-size:9px;
}
.vs-i-cost-g {
  position:absolute;
  top:16px;
  left:0px;
  width:100%;
  height:0px;
  line-height:12px;
  color:#EEB064;
  font-family:'WarHeliosCondC';
  font-size:12px;
}
.vs-i-cost-e {
  position:absolute;
  top:22px;
  left:0px;
  width:100%;
  height:0px;
  line-height:9px;
  color:#DFC498;
  font-family:'WarHeliosCondC';
  font-size:9px;
}
.vs-i-cost-c > p,.vs-i-cost-g > p,.vs-i-cost-e > p,.vs-i-name > p {
  float:right;
}