MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 16: | Line 16: | ||
/* Wrapper spacing */ | /* Wrapper spacing */ | ||
.create-button { | .create-button { | ||
margin: 0. | margin: 0.6em 0; | ||
} | } | ||
/* | /* Border-only button */ | ||
.create-button a.external.text { | .create-button a.external.text { | ||
display: inline-block; | display: inline-block; | ||
padding: 10px 22px; | padding: 10px 22px; | ||
background | background: transparent !important; /* no fill */ | ||
border | border: 2px solid #5b3fd8; /* purple outline */ | ||
border-radius: 10px; | |||
color: #111111 !important; /* dark text to match logo */ | |||
font-weight: 600; | font-weight: 600; | ||
font-size: 0.95em; | font-size: 0.95em; | ||
text-decoration: none !important; | |||
letter-spacing: 0.02em; | letter-spacing: 0.02em; | ||
transition: | transition: | ||
color 0.2s ease, | |||
border-color 0.2s ease, | border-color 0.2s ease, | ||
transform 0.15s ease, | transform 0.15s ease, | ||
| Line 39: | Line 38: | ||
} | } | ||
/* Hover | /* Hover — purple glow, slight lift */ | ||
.create-button a.external.text:hover { | .create-button a.external.text:hover { | ||
border-color: #7a5cff; /* lighter purple */ | |||
color: #7a5cff !important; | |||
transform: translateY(-1px); | transform: translateY(-1px); | ||
box-shadow: 0 3px 8px rgba( | box-shadow: 0 3px 8px rgba(90, 60, 220, 0.15); | ||
} | } | ||
/* Active — subtle press */ | |||
.create-button a.external.text:active { | .create-button a.external.text:active { | ||
transform: translateY(0); | transform: translateY(0); | ||
box-shadow: 0 1px | box-shadow: 0 1px 3px rgba(90, 60, 220, 0.2); | ||
} | } | ||
/* Remove | /* Remove external link icon entirely */ | ||
.create-button a.external.text::after { | .create-button a.external.text::after { | ||
display: none !important; | display: none !important; | ||
} | } | ||
Revision as of 13:30, 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.6em 0;
}
/* Border-only button */
.create-button a.external.text {
display: inline-block;
padding: 10px 22px;
background: transparent !important; /* no fill */
border: 2px solid #5b3fd8; /* purple outline */
border-radius: 10px;
color: #111111 !important; /* dark text to match logo */
font-weight: 600;
font-size: 0.95em;
text-decoration: none !important;
letter-spacing: 0.02em;
transition:
color 0.2s ease,
border-color 0.2s ease,
transform 0.15s ease,
box-shadow 0.2s ease;
}
/* Hover — purple glow, slight lift */
.create-button a.external.text:hover {
border-color: #7a5cff; /* lighter purple */
color: #7a5cff !important;
transform: translateY(-1px);
box-shadow: 0 3px 8px rgba(90, 60, 220, 0.15);
}
/* Active — subtle press */
.create-button a.external.text:active {
transform: translateY(0);
box-shadow: 0 1px 3px rgba(90, 60, 220, 0.2);
}
/* Remove external link icon entirely */
.create-button a.external.text::after {
display: none !important;
}