Шаблон:PageGasFrame/styles.css: различия между версиями

Нет описания правки
Нет описания правки
 
(не показано 8 промежуточных версий этого же участника)
Строка 1: Строка 1:
.pageframe {
.gas-card {
overflow: hidden;
  background: var(--tmp-25);
display: flex;
  border-radius: 10px;
flex-direction: column;
  border: 2px solid var(--tmp-25);
background-color: var(--tmp-10);
  box-shadow: 0 4px 12px var(--tmp-25);
box-shadow: var(--template-shadow--small) -1px var(--tmp-50);
  padding: 1.25rem;
border-radius: var(--border-radius-medium);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
}


.pageframe hr {
.gas-card__header {
margin: 0.5rem 0;
    padding: 1.25rem 1.25rem 0rem 1.25rem;
background-color: var(--tmp-25);
    background: var(--tmp-50);
    margin: -1.25rem -1.25rem 0 -1.25rem;
    border-radius: 8px;
}
}


.pageframe-header {
.gas-card__images {
display: flex;
  display: flex;
align-items: center;
  justify-content: center;
min-height: 1.75rem;
  gap: 0.75rem;
gap: 0.5rem;
padding: 2px 0.5rem 0;
background-color: var(--tmp-75);
color: var(--color-white);
border-bottom: 2px solid hsl(from var(--tmp-100) h s calc(l + 5));
background-image: url(/images/4/4a/GasCanister_Plasma.png)
}
}


.pageframe-header-icon {
.gas-card__name {
line-height: 1em;
  font-size: 1.2rem;
  margin: 0;
  text-align: center;
}
}


.pageframe-header-text {
.gas-card__params {
flex: 1;
  list-style: none;
font-weight: bold;
  padding: 0;
text-align: center;
  margin: 0px 0px 0px 0px !important;
line-height: 1.1rem;
padding: 0.25em 0;
}
}


.pageframe-content {
.gas-card__params li {
padding: 0.5rem;
  display: flex;
border: 1px solid var(--tmp-25);
  justify-content: space-between;
border-top: unset;
}
border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
 
.gas-card__params span {
  font-weight: bold;
}
}

Текущая версия от 14:17, 14 мая 2026

.gas-card {
  background: var(--tmp-25);
  border-radius: 10px;
  border: 2px solid var(--tmp-25);
  box-shadow: 0 4px 12px var(--tmp-25);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.gas-card__header {
    padding: 1.25rem 1.25rem 0rem 1.25rem;
    background: var(--tmp-50);
    margin: -1.25rem -1.25rem 0 -1.25rem;
    border-radius: 8px;
}

.gas-card__images {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}

.gas-card__name {
  font-size: 1.2rem;
  margin: 0;
  text-align: center;
}

.gas-card__params {
  list-style: none;
  padding: 0;
  margin: 0px 0px 0px 0px !important;
}

.gas-card__params li {
  display: flex;
  justify-content: space-between;
}

.gas-card__params span {
  font-weight: bold;
}