|
|
| Рядок 1: |
Рядок 1: |
| {{#css: | | {{Flex columns |
| .mainpage-grid {
| | |1 = [[Файл:Logo.png|ліворуч|альт=|безрамки|190x103px|link= Категорія:ВКЗ]]<categorytree mode="pages" notranslations="on">ВКЗ</categorytree> |
| display: grid;
| | |2 = [[Файл:ES logo.jpg|ліворуч|альт=|безрамки|190x103px|link= Категорія:Електронний суд]]<categorytree mode="pages" notranslations="on">Електронний суд</categorytree> |
| grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
| | |3 = [[Файл:Court Portal logo.png|ліворуч|альт=|безрамки|190x103px|link= Категорія:Портал Судова влада України]]<categorytree mode="pages" notranslations="on">Портал Судова влада України</categorytree> |
| 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>
| |