MediaWiki:Common.css
Appearance
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* --- Article Maintenance Box (Ambox) Styling --- */
.ambox-maintenance {
width: 80%;
margin: 1em auto;
padding: 0.5em 1em;
background-color: #f8f9fa;
/* This is the border */
border: 1px solid #aaa;
border-left: 10px solid #f28500; /* Orange */
border-radius: 4px;
}
/* Wrapper spacing */
.create-button {
margin: 0.5em 0;
}
/* Main button look */
.create-button a.external.text {
display: inline-block;
padding: 10px 22px;
background-color: #111111; /* deep neutral to match the logo */
border-radius: 8px;
border: 1px solid #5b3fd8; /* purple accent */
color: #ffffff !important;
text-decoration: none !important;
font-weight: 600;
font-size: 0.95em;
letter-spacing: 0.02em;
box-shadow: 0 2px 6px rgba(0,0,0,0.18);
transition:
background-color 0.2s ease,
border-color 0.2s ease,
transform 0.15s ease,
box-shadow 0.2s ease;
}
/* Hover + active states */
.create-button a.external.text:hover {
background-color: #1a1a1a;
border-color: #7a5cff; /* brighter purple on hover */
transform: translateY(-1px);
box-shadow: 0 3px 8px rgba(0,0,0,0.22);
}
.create-button a.external.text:active {
background-color: #0c0c0c;
border-color: #5b3fd8;
transform: translateY(0);
box-shadow: 0 1px 4px rgba(0,0,0,0.18);
}
/* Remove the tiny external-link icon inside the button */
.create-button a.external.text::after {
display: none !important;
}