MediaWiki:Common.css: Difference between revisions

Latest revision as of 07:23, 19 October 2025

/* CSS placed here will be applied to all skins */
/* Reset counters only for page content, not TOC */
#mw-content-text {
  counter-reset: h2counter;
}

h2 { counter-reset: h3counter; }
h3 { counter-reset: h4counter; }
h4 { counter-reset: h5counter; }
h5 { counter-reset: h6counter; }

h2::before { counter-increment: h2counter; content: counter(h2counter) ". "; }
h3::before { counter-increment: h3counter; content: counter(h2counter) "." counter(h3counter) " "; }
h4::before { counter-increment: h4counter; content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) " "; }
h5::before { counter-increment: h5counter; content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) " "; }
h6::before { counter-increment: h6counter; content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) "." counter(h6counter) " "; }

h2::before, h3::before, h4::before, h5::before, h6::before { color:#555; margin-right:0.3em; }

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
-/* Reset only for content text */
+/* Reset counters only for page content, not TOC */
 #mw-content-text {
    counter-reset: h2counter;
 }
-/* Only increment counters for headings inside #mw-content-text */
+h2 { counter-reset: h3counter; }
-#mw-content-text h2 { counter-reset: h3counter; counter-increment: h2counter; }
+h3 { counter-reset: h4counter; }
-#mw-content-text h3 { counter-reset: h4counter; counter-increment: h3counter; }
+h4 { counter-reset: h5counter; }
-#mw-content-text h4 { counter-reset: h5counter; counter-increment: h4counter; }
+h5 { counter-reset: h6counter; }
-#mw-content-text h5 { counter-reset: h6counter; counter-increment: h5counter; }
-#mw-content-text h6 { counter-increment: h6counter; }
-/* Add numbering before headings */
+h2::before { counter-increment: h2counter; content: counter(h2counter) ". "; }
-#mw-content-text h2::before { content: counter(h2counter) ". "; }
+h3::before { counter-increment: h3counter; content: counter(h2counter) "." counter(h3counter) " "; }
-#mw-content-text h3::before { content: counter(h2counter) "." counter(h3counter) " "; }
+h4::before { counter-increment: h4counter; content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) " "; }
-#mw-content-text h4::before { content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) " "; }
+h5::before { counter-increment: h5counter; content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) " "; }
-#mw-content-text h5::before { content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) " "; }
+h6::before { counter-increment: h6counter; content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) "." counter(h6counter) " "; }
-#mw-content-text h6::before { content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) "." counter(h6counter) " "; }
-/* Optional styling */
+h2::before, h3::before, h4::before, h5::before, h6::before { color:#555; margin-right:0.3em; }
-#mw-content-text h2::before, #mw-content-text h3::before, #mw-content-text h4::before,
-#mw-content-text h5::before, #mw-content-text h6::before {
-  color: #555;
-  margin-right: 0.3em;
-}