Заглавная страница: различия между версиями
Plida (обсуждение | вклад) Нет описания правки |
Plida (обсуждение | вклад) |
||
| Строка 77: | Строка 77: | ||
width: 35vw; | width: 35vw; | ||
} | } | ||
} | |||
.settings-h{ | |||
font-size: 1.5rem !important; | |||
margin-top: 2rem; | |||
padding: 0 2rem 0.75rem 2rem !important; | |||
} | } | ||
.light-blue-bg{ | .light-blue-bg{ | ||
| Строка 82: | Строка 87: | ||
background-color: #CFEDF2; | background-color: #CFEDF2; | ||
border-radius: 0.3125rem; | border-radius: 0.3125rem; | ||
padding: 0 | padding: 0.125rem 1rem 0.375rem 1rem; | ||
} | |||
.lighter-blue-bg{ | |||
display: inline-block; | |||
background-color: #E8F5F8; | |||
border-radius: 0.3125rem; | |||
padding: 0.5rem 1rem 0.5rem 1rem; | |||
} | |||
.settings-list_item{ | |||
margin-top: 2rem; | margin-top: 2rem; | ||
} | } | ||
.setting-img { | |||
width: 6.25rem; | |||
height: 6.25rem; | |||
object-fit: cover; | |||
background-color: #E8F5F8; | |||
border-radius: 0.3125rem; | |||
} | |||
.character-img { | |||
width: 4.375rem; | |||
height: 4.375rem; | |||
object-fit: cover; | |||
background-color: #E8F5F8; | |||
border-radius: 0.3125rem; | |||
} | |||
.setting-title{ | |||
display: flex; | |||
gap: 1.5rem; | |||
} | |||
.setting-text{ | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: space-between; | |||
} | |||
.setting-heading, .setting-description{ | |||
font-size: 1rem !important; | |||
width: fit-content; | |||
} | |||
.setting-description{ | |||
margin-top: 0.5rem !important; | |||
} | |||
.setting-description p{ | |||
margin: 0; | |||
} | |||
.character-name{ | |||
font-size: 0.75rem !important; | |||
} | |||
}} | }} | ||
<div class="starter-row"> | <div class="starter-row"> | ||
| Строка 103: | Строка 150: | ||
</div> | </div> | ||
<div class="light-blue-bg"> | <div class="light-blue-bg settings-h"> | ||
=== Список сеттингов: === | === Список сеттингов: === | ||
</div> | </div> | ||
| Строка 112: | Строка 159: | ||
<div class="setting-img"> | <div class="setting-img"> | ||
</div> | </div> | ||
<div class="setting-heading"> | <div class="setting-text"> | ||
==== The Infinite Sixth Performance ==== | <div class="light-blue-bg setting-heading"> | ||
==== [[The Infinite Sixth Performance|The Infinite Sixth Performance]] ==== | |||
</div> | </div> | ||
<div class="setting-description"> | <div class="lighter-blue-bg setting-description"> | ||
Выживание жителей в мире Хёрмиткрафта без игроков. | Выживание жителей в мире Хёрмиткрафта без игроков. | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
<div class="characters-list"> | |||
<div class="characters-list_item"> | |||
<div class="character-img"> | |||
</div> | |||
<div class="lighter-blue-bg character-name"> | |||
[[Бэки 2|Бэки 2]] | |||
</div> | |||
</div> | |||
</div> | |||
<div class="settings-list_item"> | <div class="settings-list_item"> | ||
</div> | </div> | ||
</div> | </div> | ||