MediaWiki:Gadget-site-styles.css

来自维阿百科
霓虹灯鱼讨论 | 贡献2023年10月6日 (五) 21:57的版本 (创建页面,内容为“/* * 放置于这里的CSS将同时应用于桌面端和移动端 * 萌娘百科仅开放Vector皮肤 * 请尊重萌娘百科版权,以下代码除非注明均…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
/* 
 * 放置于这里的CSS将同时应用于桌面端和移动端
 * 萌娘百科仅开放Vector皮肤
 * 请尊重萌娘百科版权,以下代码除非注明均是管理员手敲出来的!!!复制需要注明源自萌娘百科,并且附上URL地址 https://zh.moegirl.org.cn/MediaWiki:Gadget-site-styles.css
 * 版权协定:知识共享 署名-非商业性使用-相同方式共享 3.0
 * 复制之后请把图片换成自己网站上URL地址!
 */
/* Tabs */
.tab .TabLabelText {
    padding: 1px;
    background: #fff;
    cursor: pointer;
    flex: none;
}

.tab .TabLabel {
    z-index: 2;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: flex;
    flex-wrap: wrap;
}

.tab .TabLabelText.selected {
    padding: 1px;
    background: white;
}

.tab .TabContent {
    background: white;
    padding: 20px 30px;
    position: relative;
    z-index: 1;
    border: 1px solid #aaa;
}

.tab .TabContentText {
    display: none;
}

.tab .TabContentText.selected {
    display: block;
}

.tab .tabLabelTop .TabLabelText {
    border-top: 3px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.tab .tabLabelTop .TabLabelText.selected {
    border-top: 3px solid green;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.tab .tabLabelTop.reverse .TabLabelText {
    border-bottom: 3px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
}

.tab .tabLabelTop.reverse .TabLabelText.selected {
    border-bottom: 3px solid green;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid transparent;
}

.tab .tabLabelBottom .TabLabelText {
    border-bottom: 3px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.tab .tabLabelBottom .TabLabelText.selected {
    border-bottom: 3px solid green;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.tab .tabLabelBottom.reverse .TabLabelText {
    border-top: 3px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.tab .tabLabelBottom.reverse .TabLabelText.selected {
    border-top: 3px solid green;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid transparent;
}

.tab .tabLabelLeft .TabLabelText {
    border-left: 3px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.tab .tabLabelLeft .TabLabelText.selected {
    border-left: 3px solid green;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.tab .tabLabelLeft.reverse .TabLabelText {
    border-right: 3px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
}

.tab .tabLabelLeft.reverse .TabLabelText.selected {
    border-right: 3px solid green;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid transparent;
}

.tab .tabLabelRight .TabLabelText {
    border-right: 3px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.tab .tabLabelRight .TabLabelText.selected {
    border-right: 3px solid green;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.tab .tabLabelRight.reverse .TabLabelText {
    border-left: 3px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
}

.tab .tabLabelRight.reverse .TabLabelText.selected {
    border-left: 3px solid green;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid transparent;
}

.tab .Tabs .TabDivider {
    width: 100%;
    order: 2;
}

.tab .Tabs.reverse .TabDivider {
    height: 2px;
}

.tab .Tabs.tabLabelLeft .TabLabel,
.tab .Tabs.tabLabelRight .TabContent {
    order: 1;
}

.tab .Tabs.tabLabelLeft .TabContent,
.tab .Tabs.tabLabelRight .TabLabel {
    order: 3;
}

.tab .Tabs.tabLabelLeft,
.tab .Tabs.tabLabelRight {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
}

.tab .Tabs.tabLabelLeft .TabDivider,
.tab .Tabs.tabLabelRight .TabDivider {
    height: 100%;
    width: 0;
}

.tab .Tabs.tabLabelLeft.reverse .TabDivider,
.tab .Tabs.tabLabelRight.reverse .TabDivider {
    width: 1px;
}

.tab .Tabs.tabLabelLeft .TabLabel,
.tab .Tabs.tabLabelRight .TabLabel {
    flex-direction: column;
}

.tab .Tabs.tabLabelLeft:not(.AutoWidth) .TabContent,
.tab .Tabs.tabLabelRight:not(.AutoWidth) .TabContent {
    flex: 1;
}

.Tabs {
    max-width: 100%;
}

.Tabs.AutoWidth {
    width: max-content;
    display: flow-root;
}

.Tabs.FloatLeft {
    float: left;
    margin-right: 1em;
}

.Tabs.FloatRight {
    float: right;
    margin-left: 1em;
}

.Tabs .Tab {
    border-bottom: 1px solid #aaa;
}

.Tabs .Tab:first-child {
    border-top: 1px solid #aaa;
}

.Tabs .Tab .TabLabelText {
    padding: 7px;
}

.Tabs .Tab .TabContentText {
    padding: 3px;
}

.infotemplatebox>table td>.Tabs .TabLabel,
.infotemplatebox>table td>.Tabs .TabContent {
    margin: 0 -1px;
}


/* 黑幕模板配合CSS */
/* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */
.heimu,
.heimu rt {
    background-color: #252525;
}

span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited {
    color: #252525;
}

.heimu,
.heimu a,
a .heimu,
.heimu a.new {
    color: #252525;
    text-shadow: none;
}

body:not(.heimu_toggle_on) .heimu:hover,
body:not(.heimu_toggle_on) .heimu:active,
body:not(.heimu_toggle_on) .heimu.off {
    transition: color .13s linear;
    color: white;
}

body:not(.heimu_toggle_on) .heimu:hover a,
body:not(.heimu_toggle_on) a:hover .heimu,
body:not(.heimu_toggle_on) .heimu.off a,
body:not(.heimu_toggle_on) a:hover .heimu.off {
    transition: color .13s linear;
    color: lightblue;
}

body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off,
body:not(.heimu_toggle_on) .heimu:hover .new {
    transition: color .13s linear;
    color: #FCC;
}

/* info类模板 */
.infoBox {
    margin: 0 auto;
    width: 80%;
}

.infoBoxTitle {
    margin: 3px auto;
    padding: 0;
    text-align: center;
    font-weight: 700;
}

.infoBoxIcon {
    display: table-cell;
    padding: 2px 0 2px .5em;
    vertical-align: middle;
}

.infoBoxText {
    display: table-cell;
    padding: .25em .5em .25em 1.3em;
    width: 100%;
    vertical-align: middle;
}

.infoBoxContent {
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #fbfbfb;
}

.infoBoxBelow {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

/* wikitable green */
table.wikitable-green {
    background: #c9f6e1
}

.wikitable-green th {
    background: #13ec93
}

.wikitable-green td {
    background: #f3f3f3
}

/* 隐藏只供维护人员查看的内容 */
.patroller-show,
.checkuser-show,
.suppress-show,
.sysop-show,
.interface-admin-show {
    display: none !important;
}

/* 评论区热评 */
.comment-container-top {
    background-color: rgba(191, 234, 181, .2);
}

.comment-container-top>div:first-child {
    background-color: rgba(18, 152, 34, .47);
    color: #fff;
    font-weight: 700;
}

/* 评论区输入框工具栏 */
.post-content .comment-text {
    position: static;
}

.post-content .comment-toolbar {
    position: static;
    display: flex;
    justify-content: flex-start;
}

.post-content .flowthread-btn {
    position: static;
    margin-top: 3px;
}

.post-content .comment-submit {
    position: static;
    margin: -1px -1px 0 auto;
}

/* Ruby 模板 */
rb[data-id="template-ruby"]::before {
    content: "";
}

rb[data-id="template-ruby"]::before,
.template-ruby-hidden {
    display: inline-block;
    width: 0;
    font-size: 0;
}

/* 修正可能的mmv背景错误 */
body .mw-mmv-overlay {
    z-index: 9999;
}

body .mw-mmv-wrapper {
    z-index: 99999;
}

/* Edittool */
.noconvins>.mw-charinsert-item::before {
    content: '-{';
}

.noconvins>.mw-charinsert-item::after {
    content: '}-';
}

/* 修复修订滑块悬浮窗层级 */
.mw-revslider-tooltip {
    z-index: 7;
}

/* 滥用过滤器警告消息 */
.errorbox ul {
    list-style: none;
}

/* ajax 投票 */
body .ajaxpoll {
    width: max-content;
    max-width: 100%;
    min-width: 400px;
}

/* 锚点跳转提示 */
.mw-parser-output span:target, span:target+.mw-headline {
	background: rgba(66,31,255,.2);
	border-radius: .2em;
	animation: bg-fade 1.3s ease-in .7s forwards;
}
@keyframes bg-fade {
	to {
		background: rgba(66,31,255,0);
	}
}