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