MediaWiki:Gadget-Navigation popups.css:修订间差异
外观
删除的内容 添加的内容
小 鹿野耕云移动页面MediaWiki:Gadget-popups.css至MediaWiki:Gadget-Navigation popups.css,不留重定向 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/** |
|||
/* 更多链接弹出样式 */ |
|||
* SPDX-License-Identifier: CC-BY-SA-4.0 |
|||
* _addText: '{{Gadget Header|license=CC-BY-SA-4.0}}' |
|||
* |
|||
* @base {@link https://en.wikipedia.org/wiki/MediaWiki:Gadget-popups.js} |
|||
* @base {@link https://zh.wikipedia.org/w/index.php?title=User:Lupin/strings-draft&oldid=579996170} |
|||
* @base {@link https://zh.wikipedia.org/wiki/MediaWiki:Gadget-navpop.css} |
|||
* @source {@link https://git.qiuwen.net.cn/InterfaceAdmin/QiuwenGadgets/src/branch/master/src/Navigation_popups} |
|||
* @license CC-BY-SA-4.0 {@link https://www.qiuwenbaike.cn/wiki/H:CC-BY-SA-4.0} |
|||
*/ |
|||
/** |
|||
* +------------------------------------------------------------+ |
|||
* | === WARNING: GLOBAL GADGET FILE === | |
|||
* +------------------------------------------------------------+ |
|||
* | All changes should be made in the repository, | |
|||
* | otherwise they will be lost. | |
|||
* +------------------------------------------------------------+ |
|||
* | Changes to this page may affect many users. | |
|||
* | Please discuss changes by opening an issue before editing. | |
|||
* +------------------------------------------------------------+ |
|||
*/ |
|||
/* <nowiki> */ |
|||
/* src/Navigation_popups/Navigation_popups.less */ |
|||
.popupMoreLink { |
.popupMoreLink { |
||
display: block; |
display: block; |
||
cursor: pointer; |
|||
text-align: right; |
text-align: right; |
||
cursor: pointer; |
|||
} |
} |
||
/* 差异对比样式 */ |
|||
ins.popupDiff { |
ins.popupDiff { |
||
background: #afe; |
background: #afe; |
||
} |
} |
||
del.popupDiff { |
del.popupDiff { |
||
background: #ffe6e6; |
background: #ffe6e6; |
||
} |
} |
||
/* 深色模式适配 */ |
|||
html.skin-theme-clientpref-night ins.popupDiff { |
|||
background: #026c5f; /* 深色模式新增内容背景色 */ |
|||
} |
|||
html.skin-theme-clientpref-night del.popupDiff { |
|||
background: #89474b; /* 深色模式删除内容背景色 */ |
|||
} |
|||
@media (prefers-color-scheme: dark) { |
|||
html.skin-theme-clientpref-os ins.popupDiff { |
|||
background: #026c5f; /* 操作系统深色模式新增内容背景色 */ |
|||
} |
|||
html.skin-theme-clientpref-os del.popupDiff { |
|||
background: #89474b; /* 操作系统深色模式删除内容背景色 */ |
|||
} |
|||
} |
|||
/* 选择预览区域 */ |
|||
#selectionPreview { |
#selectionPreview { |
||
border: 2px solid var(--border-color-subtle, #c8ccd1); |
|||
background-color: var(--background-color-progressive-subtle, #eaf3ff); |
|||
padding: 6px; |
padding: 6px; |
||
border: 2px solid #ddd; |
|||
background-color: #eef; |
|||
} |
} |
||
/* 导航弹出框基础样式 */ |
|||
.navpopup { |
.navpopup { |
||
border: 1px solid var(--border-color-base, #a2a9b1); |
|||
background-color: var(--background-color-base, #fff); |
|||
color: var(--color-base, #202122); |
|||
padding: 10px; |
padding: 10px; |
||
padding-bottom: 5px; |
padding-bottom: 5px; |
||
border: 1px solid #bbb; |
|||
font-size: 11px; |
|||
background-color: #fff; |
|||
box-shadow: 0 3px 8px rgba(50, 50, 50, 0.35); |
box-shadow: 0 3px 8px rgba(50, 50, 50, 0.35); |
||
font-size: 0.785em; |
|||
word-wrap: break-word; |
word-wrap: break-word; |
||
} |
} |
||
.navpopup hr { |
.navpopup hr { |
||
background-color: #aaa !important; |
|||
color: #aaa !important; |
color: #aaa !important; |
||
background-color: #aaa !important; |
|||
} |
} |
||
/* 拖动条样式 */ |
|||
.popupDrag { |
.popupDrag { |
||
background-color: #ffbe20; /* 拖动条颜色 */ |
|||
height: 5px; |
height: 5px; |
||
margin-top: -5px; |
margin-top: -5px; |
||
margin-bottom: 5px; |
margin-bottom: 5px; |
||
background-color: #ffbe20; |
|||
} |
} |
||
.popupDragHandle { |
.popupDragHandle { |
||
position: relative; |
|||
cursor: move; |
cursor: move; |
||
position: relative; |
|||
} |
} |
||
/* 菜单样式 - 感谢 [[User:Zocky]]! */ |
|||
/* 弹出菜单 */ |
|||
.popup_menu { |
.popup_menu { |
||
display: none; |
|||
position: absolute; |
position: absolute; |
||
z-index: 2; |
|||
top: 0; |
|||
left: 0; |
left: 0; |
||
display: none; |
|||
width: 10em; |
|||
padding: 0 !important; |
|||
border: 1px solid #888; |
|||
border-width: 1px 1px 1px 6px; |
|||
margin: 0; |
margin: 0; |
||
margin-top: 1.4em; |
margin-top: 1.4em; |
||
margin-left: -6px; |
|||
background: #fff; |
|||
line-height: 1.25em; |
line-height: 1.25em; |
||
top: 0; |
|||
z-index: 2; |
|||
width: 10em; |
|||
background: var(--background-color-base, #fff); |
|||
border: 1px solid grey; |
|||
padding: 0 !important; |
|||
margin-left: -6px; |
|||
border-width: 1px 1px 1px 6px; |
|||
} |
} |
||
.popup_menu li { |
|||
padding: 0; |
|||
.popup_menu li { /* 同时适用于 popup_menu_row 和 popup_menu_item */ |
|||
margin: 0; |
|||
list-style: none; |
list-style: none; |
||
margin: 0; |
|||
padding: 0; |
|||
} |
} |
||
.popup_menu a { |
.popup_menu a { |
||
display: block; |
display: block; |
||
padding: 3px; |
padding: 3px; |
||
color: #555; |
|||
} |
} |
||
.popup_menu a:hover { |
|||
background: #888; |
|||
.popup_menu_row a { |
|||
color: #fff; |
|||
-webkit-text-decoration: none; |
|||
text-decoration: none; |
|||
} |
} |
||
.popup_menu_row { |
.popup_menu_row { |
||
color: #aaa; |
color: #aaa; |
||
} |
} |
||
.popup_menu_row a { |
|||
display: inline-block; |
|||
} |
|||
.popup_drop { |
.popup_drop { |
||
display: inline; |
|||
position: relative; |
position: relative; |
||
display: inline; |
|||
} |
} |
||
.popup_drop a, |
.popup_drop a, |
||
.popup_drop a:visited { |
.popup_drop a:visited { |
||
padding: 3px; |
padding: 3px; |
||
margin: 0; |
margin: 0; |
||
color: #0645ad; |
|||
font-weight: bold; |
font-weight: bold; |
||
} |
} |
||
.popup_drop:hover .popup_menu, |
.popup_drop:hover .popup_menu, |
||
.popup_drop .popup_menu:hover { |
.popup_drop .popup_menu:hover { |
||
display: inline; |
display: inline; |
||
padding: 2px; |
padding: 2px; |
||
background: #fff; |
|||
color: #555; |
|||
} |
} |
||
.popup_drop:hover { |
.popup_drop:hover { |
||
background: #ccf; |
background: #ccf; |
||
color: #44f; |
color: #44f; |
||
} |
} |
||
/* 其他颜色和样式 */ |
|||
.popup_menu a:hover { |
|||
background: grey; |
|||
color: #fff; |
|||
text-decoration: none; |
|||
} |
|||
.popup_mainlink { |
.popup_mainlink { |
||
font-size: 140%; |
font-size: 140%; |
||
font-weight: bold; |
font-weight: bold; |
||
} |
} |
||
.popup_mainlink a { |
.popup_mainlink a { |
||
color: |
color: #000; |
||
} |
} |
||
a.popup_change_title_link { |
a.popup_change_title_link { |
||
color: #152; |
color: #152; |
||
} |
} |
||
/* 深色模式适配 */ |
|||
html.skin-theme-clientpref-night a.popup_change_title_link { |
|||
color: #25b84a; |
|||
} |
|||
@media (prefers-color-scheme: dark) { |
|||
html.skin-theme-clientpref-os a.popup_change_title_link { |
|||
color: #25b84a; |
|||
} |
|||
} |
|||
.popup_diff_dates { |
.popup_diff_dates { |
||
background: none; |
|||
font-style: italic; |
font-style: italic; |
||
background: none; |
|||
} |
} |
||
.popup_menu_item a { |
.popup_menu_item a { |
||
display: block; |
display: block; |
||
} |
} |
||
.popup_history_row_even { |
.popup_history_row_even { |
||
background: #eee; |
|||
background: var(--background-color-neutral, #eaecf0); /* 偶数行背景色 */ |
|||
} |
} |
||
.popup_history_date { |
.popup_history_date { |
||
font-size: 120%; |
|||
font-weight: bold; |
font-weight: bold; |
||
font-size: 120%; |
|||
} |
} |
||
/* |
|||
Important for history preview when summaries are all empty; |
|||
e.g. https://en.wikipedia.org/w/index.php?title=User:GWicke/sw.js |
|||
The path is: |
|||
.popupPreview > table > tbody > tr:is(.popup_history_row_odd, .popup_history_row_even) |
|||
*/ |
|||
.popupPreview > table, |
|||
.popupPreview > table > tbody { |
|||
display: block; |
|||
} |
|||
.popup_history_row_odd, |
|||
.popup_history_row_even { |
|||
display: flex; |
|||
} |
|||
.popup_history_row_even td:nth-child(3), |
|||
.popup_history_row_odd td:nth-child(3) { |
|||
flex: 3; |
|||
word-break: break-word; |
|||
} |
|||
.popup_history_row_even td:nth-child(4), |
|||
.popup_history_row_odd td:nth-child(4) { |
|||
flex: 7; |
|||
word-break: break-word; |
|||
} |
|||
.popup_history_row_even > td:not(:last-child), |
|||
.popup_history_row_odd > td:not(:last-child) { |
|||
margin-right: 2px; |
|||
} |
|||
/* 禁用跨维基链接样式 */ |
|||
.popupPreview a.extiw, |
.popupPreview a.extiw, |
||
.popupPreview a.extiw:active { |
.popupPreview a.extiw:active { |
||
padding: 0; |
|||
background: none; |
|||
color: #36b; |
color: #36b; |
||
background: none; |
|||
padding: 0; |
|||
} |
} |
||
.popupPreview a .external { |
|||
.popupPreview .external { |
|||
color: #36b; |
color: #36b; |
||
} |
} |
||
/* 在内容区域关闭特殊外部链接样式 */ |
|||
.popupPreview .plainlinks a { |
.popupPreview .plainlinks a { |
||
padding: 0 !important; |
|||
background: none !important; |
background: none !important; |
||
padding: 0 !important; |
|||
} |
} |
||
/* </nowiki> */ |
|||
/* |
|||
弹出菜单的鼠标安全区域 |
|||
*/ |
|||
/* 视觉引导建议 */ |
|||
.popup_menu:hover { |
|||
box-shadow: 0 0 5px 5px rgba(179, 179, 255, 0.3); |
|||
} |
|||
/* 深色模式适配 */ |
|||
html.skin-theme-clientpref-night .popup_menu:hover { |
|||
box-shadow: 0 0 5px 5px rgba(0, 0, 90, 0.3); |
|||
} |
|||
@media (prefers-color-scheme: dark) { |
|||
html.skin-theme-clientpref-os .popup_menu:hover { |
|||
box-shadow: 0 0 5px 5px rgba(0, 0, 90, 0.3); |
|||
} |
|||
} |
|||
/* 鼠标光标梯形引导区域 */ |
|||
.popup_menu::before { |
|||
content: ''; |
|||
display: block; |
|||
position: absolute; |
|||
height: 1.5em; |
|||
top: -1.4em; |
|||
left: -1.2em; |
|||
width: calc(2 * var(--navpop-m-len, 6ch)); |
|||
transform: perspective(1px) rotateX(1deg); |
|||
} |
|||
/* 将梯形区域置于菜单项后面 */ |
|||
.popup_menu::before { |
|||
z-index: 1; |
|||
} |
|||
.popup_menu li { |
|||
position: relative; |
|||
z-index: 2; |
|||
} |
|||
/* 两侧额外的悬停边距 */ |
|||
.popup_menu li::before { |
|||
content: ''; |
|||
display: block; |
|||
position: absolute; |
|||
top: 0; |
|||
height: calc(100% + .5em); |
|||
left: -1.7em; |
|||
width: 1.7em; |
|||
} |
|||
.popup_menu li::after { |
|||
content: ''; |
|||
display: block; |
|||
position: absolute; |
|||
top: 0; |
|||
height: calc(100% + .5em); |
|||
left: calc(10em - 1px); /* 取决于菜单宽度 */ |
|||
width: 1em; |
|||
} |
|||
2026年6月14日 (日) 15:48的最新版本
/**
* SPDX-License-Identifier: CC-BY-SA-4.0
* _addText: '{{Gadget Header|license=CC-BY-SA-4.0}}'
*
* @base {@link https://en.wikipedia.org/wiki/MediaWiki:Gadget-popups.js}
* @base {@link https://zh.wikipedia.org/w/index.php?title=User:Lupin/strings-draft&oldid=579996170}
* @base {@link https://zh.wikipedia.org/wiki/MediaWiki:Gadget-navpop.css}
* @source {@link https://git.qiuwen.net.cn/InterfaceAdmin/QiuwenGadgets/src/branch/master/src/Navigation_popups}
* @license CC-BY-SA-4.0 {@link https://www.qiuwenbaike.cn/wiki/H:CC-BY-SA-4.0}
*/
/**
* +------------------------------------------------------------+
* | === WARNING: GLOBAL GADGET FILE === |
* +------------------------------------------------------------+
* | All changes should be made in the repository, |
* | otherwise they will be lost. |
* +------------------------------------------------------------+
* | Changes to this page may affect many users. |
* | Please discuss changes by opening an issue before editing. |
* +------------------------------------------------------------+
*/
/* <nowiki> */
/* src/Navigation_popups/Navigation_popups.less */
.popupMoreLink {
display: block;
cursor: pointer;
text-align: right;
}
ins.popupDiff {
background: #afe;
}
del.popupDiff {
background: #ffe6e6;
}
#selectionPreview {
padding: 6px;
border: 2px solid #ddd;
background-color: #eef;
}
.navpopup {
padding: 10px;
padding-bottom: 5px;
border: 1px solid #bbb;
background-color: #fff;
box-shadow: 0 3px 8px rgba(50, 50, 50, 0.35);
font-size: 0.785em;
word-wrap: break-word;
}
.navpopup hr {
background-color: #aaa !important;
color: #aaa !important;
}
.popupDrag {
height: 5px;
margin-top: -5px;
margin-bottom: 5px;
background-color: #ffbe20;
}
.popupDragHandle {
position: relative;
cursor: move;
}
.popup_menu {
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: none;
width: 10em;
padding: 0 !important;
border: 1px solid #888;
border-width: 1px 1px 1px 6px;
margin: 0;
margin-top: 1.4em;
margin-left: -6px;
background: #fff;
line-height: 1.25em;
}
.popup_menu li {
padding: 0;
margin: 0;
list-style: none;
}
.popup_menu a {
display: block;
padding: 3px;
color: #555;
}
.popup_menu a:hover {
background: #888;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
}
.popup_menu_row {
color: #aaa;
}
.popup_menu_row a {
display: inline-block;
}
.popup_drop {
position: relative;
display: inline;
}
.popup_drop a,
.popup_drop a:visited {
padding: 3px;
margin: 0;
color: #0645ad;
font-weight: bold;
}
.popup_drop:hover .popup_menu,
.popup_drop .popup_menu:hover {
display: inline;
padding: 2px;
background: #fff;
color: #555;
}
.popup_drop:hover {
background: #ccf;
color: #44f;
}
.popup_mainlink {
font-size: 140%;
font-weight: bold;
}
.popup_mainlink a {
color: #000;
}
a.popup_change_title_link {
color: #152;
}
.popup_diff_dates {
background: none;
font-style: italic;
}
.popup_menu_item a {
display: block;
}
.popup_history_row_even {
background: #eee;
}
.popup_history_date {
font-size: 120%;
font-weight: bold;
}
.popupPreview a.extiw,
.popupPreview a.extiw:active {
padding: 0;
background: none;
color: #36b;
}
.popupPreview a .external {
color: #36b;
}
.popupPreview .plainlinks a {
padding: 0 !important;
background: none !important;
}
/* </nowiki> */