317
редагувань
м
44 ревізії: Template:Main_page/headerTemplate:Main page/header/styles.css
starcitizen>Alistair3149 Немає опису редагування |
м (44 ревізії: Template:Main_page/headerTemplate:Main page/header/styles.css) |
||
| (Не показані 12 проміжних версій ще одного користувача) | |||
| Рядок 3: | Рядок 3: | ||
grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) ); | grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) ); | ||
grid-auto-rows: minmax( 3rem, auto ); | grid-auto-rows: minmax( 3rem, auto ); | ||
grid-gap: | grid-gap: var( --space-xs ); | ||
} | } | ||
| Рядок 16: | Рядок 16: | ||
.home-card { | .home-card { | ||
position: relative; | position: relative; | ||
padding: | padding: var( --space-md ); | ||
background: var( --color-surface-1 ); | background: var( --color-surface-1 ); | ||
border: 1px solid var( --border-color-base ); | |||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 ); | box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 ); | ||
| Рядок 75: | Рядок 76: | ||
background: #242a31; | background: #242a31; | ||
border-radius: 8px; | border-radius: 8px; | ||
} | |||
.home-card__background:after { | |||
position: absolute; | |||
pointer-events: none; | |||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
display: block; | |||
background: linear-gradient(to right,#000,transparent); | |||
content: ""; | |||
} | } | ||
| Рядок 86: | Рядок 99: | ||
.home-card__foreground { | .home-card__foreground { | ||
position: absolute; | position: absolute; | ||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
padding: var( --space-md ); | padding: var( --space-md ); | ||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
gap: var( --space-xxs ); | |||
color: #fff; | |||
line-height: var( --line-height-xs ); | |||
pointer-events: none; | |||
} | |||
.home-card__foreground .home-card__header { | |||
color: #fff; | |||
} | } | ||
.home-card__foreground .home-card__label { | .home-card__foreground .home-card__label { | ||
color: #bababa; | color: #bababa; | ||
} | } | ||
.home-card p { | .home-card p { | ||
margin-top: | margin-top: var( --space-xs ); | ||
font-size: 0.875rem; | font-size: 0.875rem; | ||
} | } | ||
| Рядок 106: | Рядок 130: | ||
padding: 0; | padding: 0; | ||
background: #242a31; | background: #242a31; | ||
border: 0; | |||
} | } | ||
| Рядок 113: | Рядок 138: | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
padding: 0 | padding: 0 var( --space-md ); | ||
background: transparent; | background: transparent; | ||
color: #fff; | color: #fff; | ||
| Рядок 133: | Рядок 158: | ||
.home-link { | .home-link { | ||
display: grid; | display: grid; | ||
margin-top: | margin-top: var( --space-xs ); | ||
font-size: 0.875rem; | font-size: 0.875rem; | ||
font-weight: 500; | font-weight: 500; | ||
grid-gap: | grid-gap: var( --space-xs ); | ||
text-align: center; | text-align: center; | ||
} | } | ||
| Рядок 146: | Рядок 171: | ||
.home-link__button a { | .home-link__button a { | ||
flex-grow: 1; | flex-grow: 1; | ||
padding: | padding: var( --space-xs ); | ||
border: 1px solid | border: 1px solid var( --border-color-base ); | ||
background: var( --color-surface-2 ); | background: var( --color-surface-2 ); | ||
border-radius: | border-radius: var( --border-radius--medium ); | ||
color: var( --color-base--emphasized ) !important; | color: var( --color-base--emphasized ) !important; | ||
line-height: var( --line-height-xs ); | |||
text-decoration: none !important; | |||
} | } | ||
| Рядок 163: | Рядок 189: | ||
#home-content { | #home-content { | ||
margin-top: | margin-top: var( --space-lg ); | ||
} | } | ||
.home- | .home-card .template-statsbar { | ||
margin | margin: 0; | ||
} | } | ||