Мітка: Ручний відкіт |
Мітка: Скасовано |
||
| Рядок 1: | Рядок 1: | ||
{{ | {{#css: | ||
.mainpage-grid { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); | |||
gap: 32px; | |||
max-width: 1600px; | |||
margin: 40px auto; | |||
padding: 0 24px; | |||
} | |||
.mainpage-card { | |||
background: #f9f9f9; /* легкий сірий */ | |||
border: 1px solid #ddd; | |||
border-radius: 12px; | |||
padding: 36px 28px; | |||
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04); | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: flex-start; | |||
align-items: center; | |||
transition: transform 0.2s ease, box-shadow 0.2s ease; | |||
} | |||
.mainpage-card:hover { | |||
transform: translateY(-4px); | |||
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); | |||
} | |||
.mainpage-card h2 { | |||
font-size: 30px; | |||
color: #002855; | |||
margin-bottom: 24px; | |||
border-bottom: 2px solid #0057b7; | |||
padding-bottom: 6px; | |||
} | |||
.mainpage-card .image { | |||
height: 120px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
margin-bottom: 32px; /* більший відступ під зображенням */ | |||
} | |||
.mainpage-card .image img { | |||
max-height: 100%; | |||
max-width: 100%; | |||
object-fit: contain; | |||
} | |||
.categorytree { | |||
text-align: left; | |||
width: 100%; | |||
font-size: 18px; /* більший шрифт */ | |||
line-height: 1.7; | |||
margin-top: auto; | |||
} | |||
}} | }} | ||
<div class="mainpage-grid"> | |||
<div class="mainpage-card"> | |||
<h2>[[Категорія:ВКЗ|ВКЗ]]</h2> | |||
<div class="image">[[Файл:Logo.png|300px|безрамки|alt=ВКЗ|link=Категорія:ВКЗ]]</div> | |||
<categorytree mode="pages" notranslations="on">ВКЗ</categorytree> | |||
</div> | |||
<div class="mainpage-card"> | |||
<h2>[[Категорія:Електронний суд|ЕС]]</h2> | |||
<div class="image">[[Файл:ES logo.jpg|300px|безрамки|alt=Електронний суд|link=Категорія:Електронний суд]]</div> | |||
<categorytree mode="pages" notranslations="on">Електронний суд</categorytree> | |||
</div> | |||
<div class="mainpage-card"> | |||
<h2>[[Категорія:Портал Судова влада України|Портал]]</h2> | |||
<div class="image">[[Файл:Court Portal logo.png|300px|безрамки|alt=Портал|link=Категорія:Портал Судова влада України]]</div> | |||
<categorytree mode="pages" notranslations="on">Портал Судова влада України</categorytree> | |||
</div> | |||
</div> | |||