2026-09-27T12:35:25Z

Plida: Отменена версия 129, сделанная Plida (обсуждение)

{{#css:
.starter-content{
margin-top: 1.5rem !important;
}
h1 {
display: none;
}
.mw-heading2 {
padding: 0 !important;
}

.decor-bar h2 {
display: inline;
float: left;
margin-right: 1em;
padding: 0;
font-size: 1.5rem !important;
}
.decor-bar p {
font-size: 1.25rem !important;
margin: 0;
}

.decor-bar {
position: relative;
padding: 0 0 0 4rem;
margin: 0.625rem 0;
}

.decor-bar::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 2.25rem;
background-color: #CFEDF2;
border-radius: 0.3125rem;
}
.starter-row {
display: flex;
align-items: flex-start;
gap: 1.25rem;
border: solid 0.3125rem #CFEDF2;
padding: 1.625rem;
border-radius: 1.4375rem;
}

.starter-content {
display: flex;
flex: 1 2 auto;
flex-direction: column;
justify-content: space-evenly;
margin-top: 2.8125rem;
}

.decor-bar-p {
margin-top: 2.8125rem;
}

.starter-image {
flex-shrink: 0;
width: min(30rem, 40vw);
min-width: 8rem;
max-width: 24rem;
}

@media (max-width: 1080px) {
.starter-row {
flex-direction: column;
}
.starter-image {
margin: 0 auto;
}
}

@media (max-width: 720px) {
.starter-image {
display: none;
}
.starter-image {
width: 35vw;
}
}
.settings-h{
font-size: 1.5rem !important;
margin-top: 2rem;
padding: 0 2rem 0.75rem 2rem !important;
}
.light-blue-bg{
display: inline-block;
background-color: #CFEDF2;
border-radius: 0.3125rem;
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;
}
.setting-img {
width: 6.25rem;
height: 6.25rem;
object-fit: cover;
background-color: #E8F5F8;
border-radius: 0.3125rem;
overflow: hidden;
}
.character-img {
width: 4.375rem;
height: 4.375rem;
object-fit: cover;
background-color: #E8F5F8;
border-radius: 0.3125rem;
overflow: hidden;
}
.setting-img p,
.setting-img a,
.character-img p,
.character-img a {
display: contents !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
}
.character-img img, .setting-img img {
display: block;
object-fit: cover;
width: 100% !important;
height: 100% !important;
object-position: center;
}

.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;
padding: 0.625rem 1rem 0.5rem 1rem;
}
.setting-description p{
margin: 0;
}
.characters-list{
display: flex;
flex-direction: column;
gap: 1rem;
}
.characters-list_item{
display: flex;
gap: 0.75rem;
}
.character-name{
font-size: 1rem !important;
padding: 0.5rem 1.5rem 0.5rem 1.25rem !important;
height: fit-content;
}
.character-name p{
margin: 0;
}
.setting-right{
display: flex;
flex-direction: column;
gap: 1.5rem;
}
}}
<div class="starter-row">
<div class="starter-content">
<div class="decor-bar">
== '''Добро пожаловать на вики по аску кубических игр!''' ==
</div>
<div class="decor-bar decor-bar-p">
Это вики для Ask Settings Cubed. Здесь авторы своих сеттингов и их фанаты могут расписывать всю информацию об этих сеттингах: персонажей, локациях, предметах и так далее.
Вы ограничены только своей фантазией!
</div>
</div>
<div class="starter-image">
[[Файл:Картинки1.png|480px]]
</div>
</div>

<div class="light-blue-bg settings-h">
=== Список сеттингов: ===
</div>

<div class="settings-list">

<div class="settings-list_item">
<div class="setting-title">
<div class="setting-img">
[[Файл:Hero of the village.png]]
</div>
<div class="setting-right">

<div class="setting-text">
<div class="light-blue-bg setting-heading">
==== [[The Infinite Sixth Performance]] ====
</div>
<div class="lighter-blue-bg setting-description">
Выживание жителей в мире Хёрмиткрафта без игроков.
</div>
</div>
<div class="characters-list">

<div class="characters-list_item">
<div class="character-img">
[[Файл:Бэки 2.png]]
</div>
<div class="light-blue-bg character-name">
[[Бэки 2]]
</div>
</div>

</div>
</div>
</div>
</div>
</div>

<div class="settings-list_item">
<div class="setting-title">
<div class="setting-img">
</div>
<div class="setting-right">

<div class="setting-text">
<div class="light-blue-bg setting-heading">
</div>
<div class="lighter-blue-bg setting-description">
</div>
</div>
<div class="characters-list">

<div class="characters-list_item">
<div class="character-img">
</div>
<div class="light-blue-bg character-name">
</div>
</div>

</div>
</div>
</div>
</div>

Заглавная страница

2026-09-27T12:34:55Z

Plida:

{{#css:
.starter-content{
margin-top: 1.5rem !important;
}
h1 {
display: none;
}
.mw-heading2 {
padding: 0 !important;
}

.decor-bar h2 {
display: inline;
float: left;
margin-right: 1em;
padding: 0;
font-size: 1.5rem !important;
}
.decor-bar p {
font-size: 1.25rem !important;
margin: 0;
}

.decor-bar {
position: relative;
padding: 0 0 0 4rem;
margin: 0.625rem 0;
}

.decor-bar::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 2.25rem;
background-color: #CFEDF2;
border-radius: 0.3125rem;
}
.starter-row {
display: flex;
align-items: flex-start;
gap: 1.25rem;
border: solid 0.3125rem #CFEDF2;
padding: 1.625rem;
border-radius: 1.4375rem;
}

.starter-content {
display: flex;
flex: 1 2 auto;
flex-direction: column;
justify-content: space-evenly;
margin-top: 2.8125rem;
}

.decor-bar-p {
margin-top: 2.8125rem;
}

.starter-image {
flex-shrink: 0;
width: min(30rem, 40vw);
min-width: 8rem;
max-width: 24rem;
}

@media (max-width: 1080px) {
.starter-row {
flex-direction: column;
}
.starter-image {
margin: 0 auto;
}
}

@media (max-width: 720px) {
.starter-image {
display: none;
}
.starter-image {
width: 35vw;
}
}
.settings-h{
font-size: 1.5rem !important;
margin-top: 2rem;
padding: 0 2rem 0.75rem 2rem !important;
}
.light-blue-bg{
display: inline-block;
background-color: #CFEDF2;
border-radius: 0.3125rem;
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;
}
.setting-img {
width: 6.25rem;
height: 6.25rem;
object-fit: cover;
background-color: #E8F5F8;
border-radius: 0.3125rem;
overflow: hidden;
}
.character-img {
width: 4.375rem;
height: 4.375rem;
object-fit: cover;
background-color: #E8F5F8;
border-radius: 0.3125rem;
overflow: hidden;
}
.setting-img p,
.setting-img a,
.character-img p,
.character-img a {
display: contents !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
}
.character-img img, .setting-img img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
max-width: none !important;
max-height: none !important;

.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;
padding: 0.625rem 1rem 0.5rem 1rem;
}
.setting-description p{
margin: 0;
}
.characters-list{
display: flex;
flex-direction: column;
gap: 1rem;
}
.characters-list_item{
display: flex;
gap: 0.75rem;
}
.character-name{
font-size: 1rem !important;
padding: 0.5rem 1.5rem 0.5rem 1.25rem !important;
height: fit-content;
}
.character-name p{
margin: 0;
}
.setting-right{
display: flex;
flex-direction: column;
gap: 1.5rem;
}
}}
<div class="starter-row">
<div class="starter-content">
<div class="decor-bar">
== '''Добро пожаловать на вики по аску кубических игр!''' ==
</div>
<div class="decor-bar decor-bar-p">
Это вики для Ask Settings Cubed. Здесь авторы своих сеттингов и их фанаты могут расписывать всю информацию об этих сеттингах: персонажей, локациях, предметах и так далее.
Вы ограничены только своей фантазией!
</div>
</div>
<div class="starter-image">
[[Файл:Картинки1.png|480px]]
</div>
</div>

<div class="light-blue-bg settings-h">
=== Список сеттингов: ===
</div>

<div class="settings-list">

<div class="settings-list_item">
<div class="setting-title">
<div class="setting-img">
[[Файл:Hero of the village.png]]
</div>
<div class="setting-right">

<div class="setting-text">
<div class="light-blue-bg setting-heading">
==== [[The Infinite Sixth Performance]] ====
</div>
<div class="lighter-blue-bg setting-description">
Выживание жителей в мире Хёрмиткрафта без игроков.
</div>
</div>
<div class="characters-list">

<div class="characters-list_item">
<div class="character-img">
[[Файл:Бэки 2.png]]
</div>
<div class="light-blue-bg character-name">
[[Бэки 2]]
</div>
</div>

</div>
</div>
</div>
</div>
</div>

<div class="settings-list_item">
<div class="setting-title">
<div class="setting-img">
</div>
<div class="setting-right">

<div class="setting-text">
<div class="light-blue-bg setting-heading">
</div>
<div class="lighter-blue-bg setting-description">
</div>
</div>
<div class="characters-list">

<div class="characters-list_item">
<div class="character-img">
</div>
<div class="light-blue-bg character-name">
</div>
</div>

</div>
</div>
</div>
</div>