Мітка: Скасовано |
|||
| Рядок 1: | Рядок 1: | ||
{{ | {{#css: | ||
.mainpage-columns { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
gap: 24px; /* менше відстань між блоками */ | |||
margin: 40px auto; | |||
padding: 0 24px; | |||
max-width: 1500px; | |||
align-items: stretch; | |||
} | |||
.mainpage-column { | |||
flex: 1 1 calc(33.333% - 16px); /* ширші колонки */ | |||
max-width: 480px; | |||
background: #fff; | |||
border: 1px solid #ddd; | |||
border-radius: 12px; | |||
padding: 28px 24px; | |||
text-align: center; | |||
box-shadow: 0 8px 24px rgba(0,0,0,0.06); | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: flex-start; | |||
} | |||
.mainpage-column h2 { | |||
font-size: 28px; | |||
margin-bottom: 20px; | |||
color: #002855; | |||
font-weight: 700; | |||
border-bottom: 2px solid #0057b7; | |||
display: inline-block; | |||
padding-bottom: 6px; | |||
} | |||
.categorytree { | |||
text-align: left; | |||
font-size: 18px; | |||
line-height: 1.6; | |||
margin-top: auto; | |||
} | |||
.image img { | |||
max-width: 100%; | |||
height: auto; | |||
margin-bottom: 16px; | |||
border-radius: 6px; | |||
} | |||
/* 2 колонки */ | |||
@media screen and (max-width: 1150px) { | |||
.mainpage-column { | |||
flex: 1 1 calc(50% - 12px); | |||
} | |||
} | |||
/* 1 колонка */ | |||
@media screen and (max-width: 700px) { | |||
.mainpage-columns { | |||
flex-direction: column; | |||
padding: 0 16px; | |||
} | |||
.mainpage-column { | |||
flex: 1 1 100%; | |||
max-width: 100%; | |||
} | |||
.mainpage-column h2 { | |||
font-size: 24px; | |||
} | |||
.categorytree { | |||
font-size: 16px; | |||
} | |||
} | |||
}} | }} | ||
<div class="mainpage-columns"> | |||
<div class="mainpage-column"> | |||
<h2>[[Категорія:ВКЗ|ВКЗ]]</h2> | |||
[[Файл:Logo.png|центр|190px|безрамки|alt=ВКЗ|link=Категорія:ВКЗ]] | |||
<categorytree mode="pages" notranslations="on">ВКЗ</categorytree> | |||
</div> | |||
<div class="mainpage-column"> | |||
<h2>[[Категорія:Електронний суд|ЕС]]</h2> | |||
[[Файл:ES logo.jpg|центр|190px|безрамки|alt=Електронний суд|link=Категорія:Електронний суд]] | |||
<categorytree mode="pages" notranslations="on">Електронний суд</categorytree> | |||
</div> | |||
<div class="mainpage-column"> | |||
<h2>[[Категорія:Портал Судова влада України|Портал]]</h2> | |||
[[Файл:Court Portal logo.png|центр|190px|безрамки|alt=Портал|link=Категорія:Портал Судова влада України]] | |||
<categorytree mode="pages" notranslations="on">Портал Судова влада України</categorytree> | |||
</div> | |||
</div> | |||