MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 12: | Line 12: | ||
border-radius: 4px; | border-radius: 4px; | ||
} | } | ||
/* Wrapper spacing */ | /* Wrapper spacing */ | ||
.create-button { | .create-button { | ||
margin: 0. | margin: 0.5em 0; | ||
} | } | ||
/* | /* Minimal black-outline button */ | ||
.create-button a.external.text { | .create-button a.external.text { | ||
display: inline-block; | display: inline-block; | ||
padding: | padding: 8px 16px; | ||
border: 2px solid #000000; /* black outline */ | |||
border: | border-radius: 3px; /* subtle, sharp corner */ | ||
background: transparent !important; /* no fill */ | |||
color: | color: inherit !important; /* use normal page link color */ | ||
text-decoration: none !important; | |||
font-weight: 600; | font-weight: 600; | ||
font-size: 0.95em; | font-size: 0.95em; | ||
transition: | transition: | ||
border-color 0.2s ease, | border-color 0.2s ease, | ||
transform 0.15s | transform 0.15s ease; | ||
} | } | ||
/* Hover | /* Hover: subtle emphasis, nothing flashy */ | ||
.create-button a.external.text:hover { | .create-button a.external.text:hover { | ||
border-color: # | border-color: #000000; /* stays black */ | ||
transform: translateY(-1px); | transform: translateY(-1px); | ||
} | } | ||
/* Active | /* Active: pressed look */ | ||
.create-button a.external.text:active { | .create-button a.external.text:active { | ||
transform: translateY(0); | transform: translateY(0); | ||
} | } | ||
/* Remove external link icon | /* Remove external link arrow icon */ | ||
.create-button a.external.text::after { | .create-button a.external.text::after { | ||
display: none !important; | display: none !important; | ||
} | } | ||
Revision as of 13:38, 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;
}
/* Minimal black-outline button */
.create-button a.external.text {
display: inline-block;
padding: 8px 16px;
border: 2px solid #000000; /* black outline */
border-radius: 3px; /* subtle, sharp corner */
background: transparent !important; /* no fill */
color: inherit !important; /* use normal page link color */
text-decoration: none !important;
font-weight: 600;
font-size: 0.95em;
transition:
border-color 0.2s ease,
transform 0.15s ease;
}
/* Hover: subtle emphasis, nothing flashy */
.create-button a.external.text:hover {
border-color: #000000; /* stays black */
transform: translateY(-1px);
}
/* Active: pressed look */
.create-button a.external.text:active {
transform: translateY(0);
}
/* Remove external link arrow icon */
.create-button a.external.text::after {
display: none !important;
}