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

Версия 15:08, 23 сентября 2023

.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 {
  position: absolute;
  right: 0px;
  top: 0px;
  background: linear-gradient(160deg, #5B188200 45%, #601A8CC0 100%);
  width: 160px;
  height: 100px;
}
.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;
}


.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-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 #FFFFFF20;
  background-color: #00000000;
}
.vs-prem > .vs-shadow:hover {
  box-shadow: inset 0px 0px 4px 0px #FFFFFF20;
  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: 12px;
  font-size: 11px;
  color: white;
  font-family: 'Roboto Condenced'
}
.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;
}