MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 14: | Line 14: | ||
.create-button a { | /* Wrapper spacing */ | ||
.create-button { | |||
margin: 0.5em 0; | |||
} | |||
/* Main button look */ | |||
.create-button a.external.text { | |||
display: inline-block; | display: inline-block; | ||
padding: 10px | padding: 10px 22px; | ||
background-color: # | background-color: #111111; /* deep neutral to match the logo */ | ||
color: | border-radius: 8px; | ||
text-decoration: none | border: 1px solid #5b3fd8; /* purple accent */ | ||
color: #ffffff !important; | |||
text-decoration: none !important; | |||
font-weight: 600; | font-weight: 600; | ||
font-size: 0.95em; | font-size: 0.95em; | ||
box-shadow: 0 2px | letter-spacing: 0.02em; | ||
transition: background-color 0.2s ease, transform 0.15s ease; | 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; | |||
} | } | ||
.create-button a:hover { | /* Hover + active states */ | ||
background-color: # | .create-button a.external.text:hover { | ||
background-color: #1a1a1a; | |||
border-color: #7a5cff; /* brighter purple on hover */ | |||
transform: translateY(-1px); | transform: translateY(-1px); | ||
box-shadow: 0 3px 8px rgba(0,0,0,0.22); | |||
} | } | ||
.create-button a:active { | .create-button a.external.text:active { | ||
background-color: # | background-color: #0c0c0c; | ||
border-color: #5b3fd8; | |||
transform: translateY(0); | 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; | |||
} | } | ||
Revision as of 13:28, 13 November 2025
/* 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;
}