Дополнительные действия
Admin (обсуждение | вклад) Нет описания правки |
Admin (обсуждение | вклад) Нет описания правки |
||
| (не показаны 22 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ | /* Размещённый здесь CSS будет применяться ко всем темам оформления */ | ||
/* Основной цвет фона */ | /* Основной цвет фона */ | ||
.crownstore-announ img { | |||
max-width:100%; | |||
height:auto; | |||
} | |||
.citizen-overflow-content > .motif { | |||
height: 600px; | |||
overflow: auto; | |||
} | |||
body { | body { | ||
background-color: var(--background-color-base, #fff); | background-color: var(--background-color-base, #fff); | ||
| Строка 8: | Строка 17: | ||
} | } | ||
.textbox { | .textbox { | ||
overflow: auto; | |||
border-radius: var(--border-radius-large); | |||
font-family: var(--font-family-monospace); | |||
font-size: var(--font-size-small); | |||
color: var(--color-emphasized); | |||
background-color: var(--color-surface-2); | |||
border: var(--border-width-base) solid var(--border-color-base); | |||
} | } | ||
.admin-only { | .admin-only { | ||
| Строка 453: | Строка 466: | ||
} | } | ||
.menu_cont-cards { | |||
display:flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
} | |||
.menu_cont { | .menu_cont { | ||
display:flex; | display:flex; | ||
| Строка 1232: | Строка 1250: | ||
.showcase2 { | .showcase2 { | ||
position: absolute; | position: absolute; | ||
top: | top: 110px; | ||
color: gold; | color: gold; | ||
font-family: var(--font-family-monospace); | |||
font-size: var(--font-size-small); | |||
border-radius: 0px 20px 20px 0px; | |||
padding: 0.2em; | |||
left: 0px; | left: 0px; | ||
background-color: rgb(16 18 19 / 80%); | background-color: rgb(16 18 19 / 80%); | ||
| Строка 1239: | Строка 1261: | ||
.showcase3 { | .showcase3 { | ||
position: absolute; | position: absolute; | ||
top: | top: 110px; | ||
color: red; | color: red; | ||
padding: 0.2em; | |||
border-radius: 0px 20px 20px 0px; | |||
font-family: var(--font-family-monospace); | |||
font-size: var(--font-size-small); | |||
left: 0px; | |||
background-color: rgb(16 18 19 / 80%); | |||
} | |||
.showcase4 { | |||
position: absolute; | |||
top: 100px; | |||
padding: 0.2em; | |||
border-radius: 0px 20px 20px 0px; | |||
font-family: var(--font-family-monospace); | |||
font-size: var(--font-size-small); | |||
left: 0px; | left: 0px; | ||
background-color: rgb(16 18 19 / 80%); | background-color: rgb(16 18 19 / 80%); | ||
| Строка 1246: | Строка 1282: | ||
.card1 { | .card1 { | ||
position: relative; | |||
top: 0; | |||
left: 0; | |||
z-index: 1; | |||
} | } | ||
.card2 { | .card2 { | ||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
z-index: 2; | |||
} | |||
.card3 { | |||
position: absolute; | |||
top: 165px; | |||
left: 0px; | |||
right:0px; | |||
color: #ffffff; | |||
text-align:center; | |||
z-index: 3; | |||
text-shadow: 2px 2px 1px #000; | |||
} | |||
.card4 { | |||
position: absolute; | |||
top: 185px; | |||
left: 0px; | |||
right:0px; | |||
color: #ffffff; | |||
text-align:center; | |||
z-index: 4; | |||
text-shadow: 2px 2px 1px #000; | |||
} | } | ||
| Строка 2238: | Строка 2296: | ||
margin: 0 0 2rem 0; | margin: 0 0 2rem 0; | ||
} | } | ||
} | |||
/* Цвета кнопок */ | |||
/* Оформление кнопок */ | |||
.mw-parser-output .home-card--row4 { | |||
grid-row: span 4; | |||
} | |||
.mw-parser-output .home-card--col2 { | |||
grid-column: span 2; | |||
} | |||
.mw-parser-output .home-card { | |||
position: relative; | |||
padding: var(--space-md); | |||
border: 1px solid var(--border-color-base); | |||
background: var(--color-surface-1); | |||
border-radius: var(--border-radius-medium); | |||
font-size: var(--font-size-small); | |||
} | |||
.mw-parser-output .home-card__badge, .mw-parser-output .home-card__label { | |||
color: var(--color-subtle); | |||
font-size: var(--font-size-small); | |||
letter-spacing: 0.05em; | |||
} | |||
.mw-parser-output .home-link { | |||
display: grid; | |||
margin-top: var(--space-xs); | |||
font-size: var(--font-size-small); | |||
font-weight: var(--font-weight-medium); | |||
grid-gap: var(--space-xs); | |||
text-align: center; | |||
} | |||
.mw-parser-output .home-link__button { | |||
display: flex; | |||
} | |||
.mw-parser-output .home-link__button a { | |||
flex-grow: 1; | |||
padding: var(--space-xs); | |||
border: 1px solid var(--border-color-base); | |||
background: var(--color-surface-2); | |||
border-radius: var(--border-radius-medium); | |||
color: var(--color-emphasized)!important; | |||
line-height: var(--line-height-xxx-small); | |||
text-decoration: none!important; | |||
} | |||
.mw-parser-output .home-link__button a:hover { | |||
background: var(--color-surface-2--hover) | |||
} | |||
.mw-parser-output .home-link__button a:active { | |||
background: var(--color-surface-2--active) | |||
} | } | ||