MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
-/* Main page layout */
 .mp-container {
    display: flex;
    align-items: flex-start;
    gap: 20px;
-  /* keep everything inside the wiki content width */
    box-sizing: border-box;
 }
-/* Left column fills remaining space */
 .mp-left {
    flex: 1 1 auto;
-   min-width: 0; /* prevents weird overflow with long content */
+   min-width: 0;
 }
 /* Right sidebar */
 .mp-right {
-   flex: 0 0 320px;         /* fixed sidebar width on desktop */
+   flex: 0 0 320px;
    max-width: 100%;
    box-sizing: border-box;
-   border-left: 1px solid #e0e0e0; /* subtle divider */
+   border-left: 1px solid #e0e0e0;
    padding-left: 16px;
    margin-left: 4px;
 }
-/* Make cards/embed inside the sidebar not hang off the edge */
 .mp-right > * {
    width: 100%;
 }
-/* Responsive: stack on narrow screens */
 @media (max-width: 900px) {
    .mp-container {
@@ Line 47: / Line 42: @@
 }
-/* Contribute button */
 .wp-contrib-cta {
    display: flex;
@@ Line 54: / Line 48: @@
 }
-.wp-contrib-cta__btn {
    /* layout */
    display: flex;
    align-items: center;
-   justify-content: center; /* centers the label */
+   justify-content: center;
    gap: 0.75rem;
    width: min(100%, 28rem);
    padding: 0.9rem 1.2rem;
-  /* vibe */
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    color: #fff;
@@ Line 113: / Line 105: @@
 }
-/* smooth arrow nudge on hover (respects reduced motion) */
 @media (prefers-reduced-motion: no-preference) {
    .wp-contrib-cta__btn:hover .wp-contrib-cta__arrow {
@@ Line 121: / Line 112: @@
 }
-/* dark mode-ish pages (if your skin flips bg), keep contrast decent */
 @media (prefers-color-scheme: dark) {
    .wp-contrib-cta__btn {