미디어위키:Common.css: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
새 문서: →이 CSS 설정은 모든 스킨에 적용됩니다: div.mw-highlight pre { background-color: #1e1e1e; color: #c5c5c5; font-family: Consolas, monospace; padding: 1em; border-radius: 5px; border: 1px solid #444; overflow-x: auto; position: relative; } →복사 버튼: .code-copy-btn { position: absolute; top: 5px; right: 10px; background: #444; color: #fff; border: none; padding: 4px 8px; font-size: 0.8em;... |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | /* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | ||
div.mw-highlight | /* SyntaxHighlight 복사 버튼 */ | ||
div.mw-highlight.has-copy-button { | |||
position: relative; | position: relative; | ||
} | } | ||
div.mw-highlight .code-copy-btn { | |||
.code-copy-btn { | |||
position: absolute; | position: absolute; | ||
top: | top: 8px; | ||
right: 10px; | right: 8px; | ||
z-index: 2; | |||
padding: 4px 10px; | |||
border: 1px solid #a2a9b1; | |||
border-radius: 4px; | |||
font-size: | background: #f8f9fa; | ||
color: #202122; | |||
font-size: 13px; | |||
line-height: 1.5; | |||
cursor: pointer; | cursor: pointer; | ||
border- | } | ||
div.mw-highlight .code-copy-btn:hover { | |||
background: #eaecf0; | |||
} | |||
div.mw-highlight .code-copy-btn.copied { | |||
border-color: #14866d; | |||
background: #d5fdf4; | |||
color: #096450; | |||
} | |||
/* 복사 버튼과 코드가 겹치지 않도록 여백 확보 */ | |||
div.mw-highlight.has-copy-button pre { | |||
padding-right: 75px; | |||
} | } | ||
2026년 7월 14일 (화) 23:36 기준 최신판
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* SyntaxHighlight 복사 버튼 */
div.mw-highlight.has-copy-button {
position: relative;
}
div.mw-highlight .code-copy-btn {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
padding: 4px 10px;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #f8f9fa;
color: #202122;
font-size: 13px;
line-height: 1.5;
cursor: pointer;
}
div.mw-highlight .code-copy-btn:hover {
background: #eaecf0;
}
div.mw-highlight .code-copy-btn.copied {
border-color: #14866d;
background: #d5fdf4;
color: #096450;
}
/* 복사 버튼과 코드가 겹치지 않도록 여백 확보 */
div.mw-highlight.has-copy-button pre {
padding-right: 75px;
}