MediaWiki:Common.css: Difference between revisions
Appearance
Colabs Admin (talk | contribs) No edit summary |
Colabs Admin (talk | contribs) No edit summary |
||
| Line 11: | Line 11: | ||
#ca-protect { display: none !important; } | #ca-protect { display: none !important; } | ||
#ca-viewsource { display: none !important; } | #ca-viewsource { display: none !important; } | ||
. | /* Style the copy icon button */ | ||
position: | .copy-button { | ||
position: absolute; | |||
top: 8px; | |||
right: 8px; | |||
width: 32px; | |||
height: 32px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
background-color: rgba(255, 255, 255, 0.8); | |||
border: 1px solid #c8ccd1; | |||
border-radius: 4px; | |||
cursor: pointer; | |||
z-index: 10; | |||
transition: all 0.2s ease; | |||
padding: 0; /* Clear default padding for flex centering */ | |||
} | |||
.copy-button:hover { | |||
background-color: #ffffff; | |||
border-color: #36c; | |||
box-shadow: 0 1px 4px rgba(0,0,0,0.1); | |||
} | |||
.copy-button svg { | |||
color: #54595d; /* Dark grey icon color */ | |||
display: block; | |||
} | } | ||
.copy-button { | /* Optional: Make the button more visible on hover of the code block */ | ||
.mw-highlight .copy-button { | |||
opacity: 0; | |||
} | |||
.mw-highlight:hover .copy-button { | |||
opacity: 1; | |||
} | } | ||
Revision as of 10:02, 6 May 2026
/* CSS placed here will be applied to all skins */
#ca-nstab-main { display: none !important; }
#ca-nstab-user { display: none !important; }
#ca-talk { display: none !important; }
#ca-view { display: none !important; }
#ca-history { display: none !important;}
#ca-watch { display: none !important; }
#ca-unwatch { display: none !important; }
#ca-delete { display: none !important; }
#ca-move { display: none !important; }
#ca-protect { display: none !important; }
#ca-viewsource { display: none !important; }
/* Style the copy icon button */
.copy-button {
position: absolute;
top: 8px;
right: 8px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid #c8ccd1;
border-radius: 4px;
cursor: pointer;
z-index: 10;
transition: all 0.2s ease;
padding: 0; /* Clear default padding for flex centering */
}
.copy-button:hover {
background-color: #ffffff;
border-color: #36c;
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
.copy-button svg {
color: #54595d; /* Dark grey icon color */
display: block;
}
/* Optional: Make the button more visible on hover of the code block */
.mw-highlight .copy-button {
opacity: 0;
}
.mw-highlight:hover .copy-button {
opacity: 1;
}