User:SunAfterRain/js/CollapsibleToggle.css

注意:保存之后,你必须清除浏览器缓存才能看到做出的更改。Google ChromeFirefoxMicrosoft EdgeSafari:按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。

/**!
 *  _________________________________________________________________________________
 * |                                                                                 |
 * |                      === WARNING: GLOBAL GADGET FILE ===                        |
 * |                    Changes to this page affect many users.                      |
 * |  Please discuss changes on the talk page, [[WP:VPT]] or GitHub before editing.  |
 * |_________________________________________________________________________________|
 *
 * CollapsibleToggle.css
 * 早期的 NavFrame 替代產品,使用後可以如同 NavFrame 點 Head 展開或關閉
 * 
 * @author [[User:SunAfterRain]]
 * @license BSD 3-Clause
 */
.gadget-collapsible-toggle .gadget-collapsible-toggle-hide-toggle.collapsible-toggle-place {
	visibility: hidden;
}

.gadget-collapsible-toggle .gadget-collapsible-toggle-hide-toggle .mw-collapsible-toggle {
    display: none;
}

.gadget-collapsible-toggle .collapsible-title {
    cursor: pointer;
}

.gadget-collapsible-toggle .mw-collapsible-toggle-default .mw-collapsible-text {
    color: inherit;
}

.gadget-collapsible-toggle .mw-collapsible-toggle-default .mw-collapsible-text:hover {
    color: inherit;
    text-decoration: none;
}

.gadget-collapsible-toggle .mw-collapsible-toggle::before {
    content: '';
}

.gadget-collapsible-toggle .mw-collapsible-toggle::after {
    content: '';
}

@media screen and (min-width: 700px) {
	.gadget-collapsible-toggle .mw-collapsible-text {
	    white-space: nowrap;
	}
}

.gadget-collapsible-toggle .mw-collapsible-toggle-collapsed .mw-collapsible-text::after,
.gadget-collapsible-toggle [aria-expanded="false"] .mw-collapsible-text::after {
    content: '▼';
}

.gadget-collapsible-toggle .mw-collapsible-toggle-expanded .mw-collapsible-text::after,
.gadget-collapsible-toggle [aria-expanded="true"] .mw-collapsible-text::after {
    content: '▲';
}