MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1,056:
/* ======================================================= */
/*
/* ======================================================= */
.read-pill {
display: inline;
white-space: nowrap;
/*
border-radius: 4px;
padding: 0.1em 0.4em;
margin: 0 0.1em;
/*
font-size: 0.85em;
font-weight: 500;
/*
/* Clone ensures background renders if it wraps */
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
/* ======================================================= */
/* FORCE ALL LINKS INSIDE PILL TO BE DARK GRAY */
.read-pill a {▼
/* We must target 'a.new' specifically to fix the red links */
▲ color: inherit !important;
/* ======================================================= */
/* ======================================================= */
/* READ PILL LINK COLORS */
/* ======================================================= */
/* 1. PAGE EXISTS (Standard Link) */
/* Forces Dark Gray (#202122) */
.read-pill a:visited,
.read-pill a:active,
.read-pill a.external {
color: #202122 !important;
text-decoration: none !important;
}
/* 2. PAGE DOES NOT EXIST (Broken/Red Link) */
/* Forces White Text + Red Background (for readability) */
.read-pill a.new {
color: white !important;
/* CRITICAL: We must add a red background, otherwise
white text on a yellow pill is invisible. */
background-color: #d73333;
/* Formatting to make the red bg look good inside the pill */
padding: 0 4px;
border-radius: 3px;
text-decoration: none !important;
}
| |||