Шаблон:JobGuides/styles.css: различия между версиями
Aylong (обсуждение | вклад) Создана пустая страница |
Aylong (обсуждение | вклад) мНет описания правки |
||
Строка 1: | Строка 1: | ||
.jobguides { | |||
overflow: hidden; | |||
display: flex; | |||
flex-direction: column; | |||
text-align: center; | |||
width: 15rem; | |||
padding: 0.25rem; | |||
margin: 0 0 0.75rem 0.75rem; | |||
border: var(--border-classic); | |||
border-radius: var(--border-radius-medium); | |||
} | |||
.jobguides div { | |||
border-color: inherit; | |||
} | |||
.jobguides-main-title { | |||
line-height: 1em; | |||
font-weight: bold; | |||
font-size: 1.075rem; | |||
padding: 0.33rem 0.5rem; | |||
color: var(--color-white); | |||
border-radius: var(--border-radius-small); | |||
} | |||
.jobguides-main-image { | |||
overflow: hidden; | |||
display: inline-flex; | |||
width: 80%; | |||
margin: 0.25rem 0; | |||
border: var(--border-classic); | |||
border-radius: var(--border-radius-medium); | |||
} | |||
.jobguides-main-image a, | |||
.jobguides-main-image img, | |||
.jobguides-main-image span { | |||
width: 100%; | |||
} | |||
.jobguides-main-image img { | |||
height: auto; | |||
aspect-ratio: 3 / 1; | |||
} | |||
.jobguides-main-head { | |||
line-height: 1.25em; | |||
padding: 0.25em 0.5em; | |||
border: var(--border-classic); | |||
border-radius: var(--border-radius-medium); | |||
} |
Версия от 14:33, 6 мая 2025
.jobguides {
overflow: hidden;
display: flex;
flex-direction: column;
text-align: center;
width: 15rem;
padding: 0.25rem;
margin: 0 0 0.75rem 0.75rem;
border: var(--border-classic);
border-radius: var(--border-radius-medium);
}
.jobguides div {
border-color: inherit;
}
.jobguides-main-title {
line-height: 1em;
font-weight: bold;
font-size: 1.075rem;
padding: 0.33rem 0.5rem;
color: var(--color-white);
border-radius: var(--border-radius-small);
}
.jobguides-main-image {
overflow: hidden;
display: inline-flex;
width: 80%;
margin: 0.25rem 0;
border: var(--border-classic);
border-radius: var(--border-radius-medium);
}
.jobguides-main-image a,
.jobguides-main-image img,
.jobguides-main-image span {
width: 100%;
}
.jobguides-main-image img {
height: auto;
aspect-ratio: 3 / 1;
}
.jobguides-main-head {
line-height: 1.25em;
padding: 0.25em 0.5em;
border: var(--border-classic);
border-radius: var(--border-radius-medium);
}