MediaWiki:Common.css: Difference between revisions

Line 261:

font-family: var(--font-indic) !important;

}

.vector-toc a, .vector-toc .vector-toc-link {

/* :not() keeps this off the मूलम् / उल्लेख buttons that sit in the same

panel — otherwise this rule reshaped them into flat contents links. */

.vector-toc a:not(.toc-main-link-item), .vector-toc .vector-toc-link {

display: block;

font-family: var(--font-indic) !important;

Line 555:

Line 557:

Used by the desktop TOC and the mobile document nav alike. */

.toc-main-links {

display: flex; flex-wrap: wrap; gap: ~~8px~~; align-items: ~~stretch~~;

display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; align-items: center;

margin: 0 ~~0 10px~~; padding: 0 0 ~~10px~~; border-bottom: 1px solid #f1e3dc;

margin: 6px 0 18px; padding: 0 0 16px; border-bottom: 1px solid #f1e3dc;

}

/* Sitting under the document title in the page, not in the panel */

#gr-toc-doc-nav.toc-main-links { margin: 10px auto 22px; max-width: 640px; }

.toc-main-link-item {

flex: 1 1 auto; text-align: center;

flex: 0 1 auto; min-width: 92px; text-align: center;

font-family: var(--font-indic); font-size: 18px; font-weight: 600; line-height: 1.4;

color: #fff !important; background: #b5451b; border: 0; border-radius: ~~8px~~;

color: #fff !important; background: #b5451b; border: 0; border-radius: 999px;

padding: 9px ~~16px~~; text-decoration: none !important;

padding: 9px 18px; text-decoration: none !important;

box-shadow: 0 1px ~~2px~~ rgba(60, 20, 10, 0.18);

box-shadow: 0 1px 3px rgba(60, 20, 10, 0.22);

transition: background 0.15s, box-shadow 0.15s;

}

Line 576:

Line 580:

margin: 4px 0 14px; padding: 0 12px 14px; border-bottom: 1px solid #f0e0d6;

}

.skin-minerva #gr-mob-doc-nav .toc-main-link-item {

.skin-minerva #gr-mob-doc-nav .toc-main-link-item { font-size: 17px; padding: 11px 26px; min-width: 116px; }

~~flex: 0 1 auto; min-width: 116px;~~

font-size: 17px; padding: 11px ~~24px~~; ~~border~~-~~radius~~: ~~999px;~~

~~box-shadow: 0 1px 3px rgba(60, 20, 10, 0.22)~~;

}

.skin-minerva .toc-main-link-item,

.skin-minerva .toc-main-link-item:visited,

@@ Line 261: / Line 261: @@
    font-family: var(--font-indic) !important;
 }
-.vector-toc a, .vector-toc .vector-toc-link {
+/* :not() keeps this off the मूलम् / उल्लेख buttons that sit in the same
+   panel — otherwise this rule reshaped them into flat contents links. */
+.vector-toc a:not(.toc-main-link-item), .vector-toc .vector-toc-link {
    display: block;
    font-family: var(--font-indic) !important;
@@ Line 555: / Line 557: @@
     Used by the desktop TOC and the mobile document nav alike. */
 .toc-main-links {
-   display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch;
+   display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; align-items: center;
-   margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #f1e3dc;
+   margin: 6px 0 18px; padding: 0 0 16px; border-bottom: 1px solid #f1e3dc;
 }
+/* Sitting under the document title in the page, not in the panel */
+#gr-toc-doc-nav.toc-main-links { margin: 10px auto 22px; max-width: 640px; }
 .toc-main-link-item {
-   flex: 1 1 auto; text-align: center;
+   flex: 0 1 auto; min-width: 92px; text-align: center;
    font-family: var(--font-indic); font-size: 18px; font-weight: 600; line-height: 1.4;
-   color: #fff !important; background: #b5451b; border: 0; border-radius: 8px;
+   color: #fff !important; background: #b5451b; border: 0; border-radius: 999px;
-   padding: 9px 16px; text-decoration: none !important;
+   padding: 9px 18px; text-decoration: none !important;
-   box-shadow: 0 1px 2px rgba(60, 20, 10, 0.18);
+   box-shadow: 0 1px 3px rgba(60, 20, 10, 0.22);
    transition: background 0.15s, box-shadow 0.15s;
 }
@@ Line 576: / Line 580: @@
    margin: 4px 0 14px; padding: 0 12px 14px; border-bottom: 1px solid #f0e0d6;
 }
-.skin-minerva #gr-mob-doc-nav .toc-main-link-item {
+.skin-minerva #gr-mob-doc-nav .toc-main-link-item { font-size: 17px; padding: 11px 26px; min-width: 116px; }
-  flex: 0 1 auto; min-width: 116px;
-  font-size: 17px; padding: 11px 24px; border-radius: 999px;
-  box-shadow: 0 1px 3px rgba(60, 20, 10, 0.22);
-}
 .skin-minerva .toc-main-link-item,
 .skin-minerva .toc-main-link-item:visited,