MediaWiki:Citizen.css: Difference between revisions
Jump to navigation
Jump to search
Created page with "→DMW Citizen theme - first pass: :root { --color-primary: #2fc7ff; --color-primary--hover: #78e3ff; --color-link: #2f78ff; --color-link--visited: #5b8dff; } →Page background: html, body { background: radial-gradient(circle at 50% 0%, rgba(25, 170, 255, 0.18), transparent 34rem), linear-gradient(180deg, #061629 0%, #eef3f8 38rem); } →Main content area: .citizen-page-container { max-width: 1280px; } /* Make wiki content feel less narrow on desktop..." |
No edit summary |
||
| Line 1: | Line 1: | ||
/* DMW Citizen theme - | /* DMW Citizen theme - safe layout pass */ | ||
/* Site background */ | |||
/* | |||
html, | html, | ||
body { | body { | ||
background: | background: | ||
radial-gradient(circle at 50% 0%, rgba(25, 170, 255, 0.18), transparent 34rem), | radial-gradient(circle at 50% 0%, rgba(25, 170, 255, 0.18), transparent 34rem), | ||
linear-gradient(180deg, # | linear-gradient(180deg, #07192d 0%, #eef3f8 42rem); | ||
} | |||
/* Keep Citizen content centered */ | |||
.citizen-page-container, | |||
.citizen-body-container, | |||
#content, | |||
.mw-body, | |||
.mw-body-content { | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | } | ||
/* Main | /* Main article width */ | ||
.citizen-page-container { | .citizen-page-container { | ||
max-width: | max-width: 1320px; | ||
} | } | ||
/* | /* Page content panel */ | ||
.citizen-body { | .citizen-body { | ||
background: rgba(255, 255, 255, 0. | background: rgba(255, 255, 255, 0.92); | ||
border: 1px solid rgba(47, 120, 255, 0. | border: 1px solid rgba(47, 120, 255, 0.18); | ||
box-shadow: 0 12px 40px rgba(0, 0, 0, 0. | box-shadow: 0 12px 40px rgba(0, 0, 0, 0.10); | ||
} | } | ||
/* Main Page | /* Center the old Main Page table/layout */ | ||
.mw-parser-output | body.page-Main_Page .mw-parser-output { | ||
max-width: 1120px; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | } | ||
/* | /* Stop old table layouts from being forced too far left */ | ||
. | body.page-Main_Page .mw-parser-output > table { | ||
.mw-parser-output | margin-left: auto !important; | ||
margin-right: auto !important; | |||
} | } | ||
/* | /* Images scale safely */ | ||
.mw-parser-output | .mw-parser-output img { | ||
max-width: 100%; | |||
height: auto; | |||
} | } | ||
.mw-parser-output | /* Keep old striped headers but tidy them slightly */ | ||
body.page-Main_Page .mw-parser-output td[style*="background"], | |||
body.page-Main_Page .mw-parser-output th[style*="background"], | |||
body.page-Main_Page .mw-parser-output div[style*="background"] { | |||
border-radius: 2px; | |||
} | } | ||
/* | /* Link colour */ | ||
a { | |||
color: #246bff; | |||
} | } | ||
a:visited { | |||
color: #4d77d8; | |||
} | } | ||
Revision as of 07:31, 23 July 2026
/* DMW Citizen theme - safe layout pass */
/* Site background */
html,
body {
background:
radial-gradient(circle at 50% 0%, rgba(25, 170, 255, 0.18), transparent 34rem),
linear-gradient(180deg, #07192d 0%, #eef3f8 42rem);
}
/* Keep Citizen content centered */
.citizen-page-container,
.citizen-body-container,
#content,
.mw-body,
.mw-body-content {
margin-left: auto;
margin-right: auto;
}
/* Main article width */
.citizen-page-container {
max-width: 1320px;
}
/* Page content panel */
.citizen-body {
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(47, 120, 255, 0.18);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.10);
}
/* Center the old Main Page table/layout */
body.page-Main_Page .mw-parser-output {
max-width: 1120px;
margin-left: auto;
margin-right: auto;
}
/* Stop old table layouts from being forced too far left */
body.page-Main_Page .mw-parser-output > table {
margin-left: auto !important;
margin-right: auto !important;
}
/* Images scale safely */
.mw-parser-output img {
max-width: 100%;
height: auto;
}
/* Keep old striped headers but tidy them slightly */
body.page-Main_Page .mw-parser-output td[style*="background"],
body.page-Main_Page .mw-parser-output th[style*="background"],
body.page-Main_Page .mw-parser-output div[style*="background"] {
border-radius: 2px;
}
/* Link colour */
a {
color: #246bff;
}
a:visited {
color: #4d77d8;
}