@@ Строка 1: / Строка 1: @@
-/* Размещённый здесь CSS будет применяться ко всем темам оформления */
+/* =========================================================
-.Program {
+   RAMBA Wiki
-     background: #252525;
+   Common styles for Vector 2022 + Minerva
-     border: 1px solid #aaa;
+   ========================================================= */
-     float: right;
-     margin: 0 0 1em 1em;
+/* ---------- Portal header ---------- */
-    padding: 1em;
-     width: 400px;
+.portal-header {
+     text-align: center;
+     margin: 20px 0 30px;
+}
+.portal-header h1 {
+     font-size: 2.2em;
+     margin-bottom: 5px;
+}
+.portal-header p {
+     color: #666;
 }
-.Program-title {
-     font-size: 2em;
-     text-align: center;
+/* ---------- Desktop portal cards ---------- */
+.portal-grid {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 20px;
+    margin-bottom: 20px;
+}
+.portal-card {
+    min-width: 0;
+    background: #f8f9fa;
+    border: 1px solid #c8ccd1;
+    border-radius: 12px;
+    padding: 18px;
+    box-sizing: border-box;
+    box-shadow: 0 2px 6px rgba(0,0,0,.08);
+    transition: transform .2s ease, box-shadow .2s ease;
+}
+.portal-card:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 6px 14px rgba(0,0,0,.12);
+}
+.portal-card h3 {
+    margin-top: 0;
+}
+/* ---------- Tablet ---------- */
+@media (max-width: 900px) {
+    .portal-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+}
+/* ---------- Generic small screens ---------- */
+@media (max-width: 720px) {
+    .portal-header {
+        margin: 10px 0 22px;
+    }
+    .portal-header h1 {
+        font-size: 1.8em;
+    }
+    .portal-grid {
+        grid-template-columns: 1fr;
+        gap: 14px;
+    }
+    .portal-card {
+        padding: 16px;
+        border-radius: 10px;
+    }
+    .portal-card:hover {
+        transform: none;
+    }
+}
+/* =========================================================
+   Minerva / MobileFrontend
+   Do not depend on viewport width here.
+   If Minerva is active, cards are always vertical.
+   ========================================================= */
+.skin-minerva .mw-parser-output .portal-grid {
+    display: block;
+    width: 100%;
+    margin: 0 0 20px;
+}
+.skin-minerva .mw-parser-output .portal-card {
+    display: block;
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+    margin: 0 0 14px;
+    padding: 16px;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+.skin-minerva .mw-parser-output .portal-card h3 {
+    margin-top: 0;
+    word-break: normal;
+    overflow-wrap: normal;
+}
+.skin-minerva .mw-parser-output .portal-card p,
+.skin-minerva .mw-parser-output .portal-card li,
+.skin-minerva .mw-parser-output .portal-card a {
+    word-break: normal;
+    overflow-wrap: break-word;
+}
+.skin-minerva .portal-header {
+    margin: 8px 0 22px;
+}
+.skin-minerva .portal-header h1 {
+    font-size: 1.7em;
+}
+/* ---------- Source code ---------- */
+.mw-highlight,
+pre,
+.syntaxhighlight {
+    max-width: 100%;
+    overflow-x: auto;
+    box-sizing: border-box;
+}
+/* ---------- Tables ---------- */
+.mw-parser-output table {
+    max-width: 100%;
+}
+/* =========================================================
+   RAMBA Wiki — mobile polish
+   ========================================================= */
+.skin-minerva.page-Заглавная_страница .firstHeading {
+    display: none;
+}
+.skin-minerva .portal-header {
+    margin: 12px 0 24px;
+}
+.skin-minerva .portal-header h1 {
+     font-size: 28px;
+     line-height: 1.2;
+    margin: 0 0 10px;
+}
+.skin-minerva .portal-header p {
+    font-size: 16px;
+    line-height: 1.45;
+    margin: 0;
+    color: #54595d;
+}
+.skin-minerva .portal-card {
+    padding: 18px;
+    margin-bottom: 14px;
+    border-radius: 12px;
+}
+.skin-minerva .portal-card h3,
+.skin-minerva .portal-card h2 {
+    font-size: 22px;
+    line-height: 1.25;
+    margin: 0 0 12px;
+}
+.skin-minerva .portal-card p {
+    font-size: 16px;
+    line-height: 1.4;
+    margin: 8px 0 12px;
 }
-.Program-logo {
-     text-align: center;
+.skin-minerva .portal-card ul {
+     margin-top: 8px;
+    margin-bottom: 0;
 }
-.Program th {
-     text-align: right;
+.skin-minerva .portal-card li {
-     vertical-align: top;
+     font-size: 17px;
-     width: 120px;
+     line-height: 1.4;
+     margin: 6px 0;
 }
-.Program td {
-     vertical-align: top;
+.skin-minerva .portal-card li a {
+     font-size: inherit;
 }

MediaWiki:Common.css: различия между версиями