MediaWiki:Timeless.css
来自BinWiki
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
/*
* 请尊重音MAD维基版权，复制需要注明源自音MAD维基，并且附上URL地址 https://otomad.wiki/MediaWiki:Common.css
* 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0
*/
:root {
--omw-pink: #f06e8e;
--omw-blue: #00aeec;
--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
--ease-out-smooth: cubic-bezier(0.1, 0.9, 0.2, 1);
--ease-in-smooth: cubic-bezier(0.6, 0, 1, 0.8);
--omw-surface-background-color: white;
--omw-surface-background-color--hover: rgba(0, 0, 0, 0.07);
--omw-surface-background-color--active: rgba(0, 0, 0, 0.09);
--omw-surface-border-color: rgba(0, 0, 0, 0.05);
--omw-surface-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04);
}
@media screen {
html.skin-theme-clientpref-night {
--omw-surface-background-color: rgba(255, 255, 255, 0.05);
--omw-surface-background-color--hover: rgba(255, 255, 255, 0.08);
--omw-surface-background-color--active: rgba(255, 255, 255, 0.04);
--omw-surface-border-color: rgba(255, 255, 255, 0.08);
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os {
--omw-surface-background-color: rgba(255, 255, 255, 0.05);
--omw-surface-background-color--hover: rgba(255, 255, 255, 0.08);
--omw-surface-background-color--active: rgba(255, 255, 255, 0.04);
--omw-surface-border-color: rgba(255, 255, 255, 0.08);
}
}
/* 防止触摸板用户在编辑的时候不小心滚动走 */
.CodeMirror-scroll {
overscroll-behavior: contain;
}
body:has(.ace_content:hover) {
overflow: hidden;
overscroll-behavior-x: none;
}
/* 加载Material icons */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
font-display: block;
src: url(https://gstatic.loli.net/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
.material-icons, .md, .md-lg, .md-md, .md-sm {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
user-select: none;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
.md-lg {
font-size: 60px;
}
.md-md {
font-size: 30px;
}
.md-sm {
font-size: 10px;
}
/* 隐藏首页按钮和标题 */
body.page-首页 #firstHeading, body.page-首页 li#ca-talk, body.page-首页 li#ca-watch, body.page-首页 li#ca-unwatch, body.page-首页 li#ca-history, body.page-首页 li#ca-nstab-main, body.page-首页 li#ca-viewsource, body.page-首页 #catlinks-sidebar, body.page-首页 #mw-normal-catlinks, body.page-首页 .catlinks, body.page-首页 #ca-view {
display: none !important;
}
body.page-首页 #siteSub {
display: none;
}
.page-留言板 #mw-wrapper #flowthread {
margin-top: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
margin: 24px 0 4px;
}
.page-留言板 #mw-wrapper #flowthread .comment-paginator {
border: 0;
display: flex;
justify-content: flex-end;
}
.page-留言板 #mw-wrapper #flowthread .comment-paginator span {
display: flex;
border: 0;
width: 36px;
height: 36px;
padding: 0;
margin: 0;
text-align: center;
align-items: center;
justify-content: center;
font-size: 14px;
border-radius: 0;
background-color: #fafafa;
box-shadow: inset 0px 10px 4px -4px rgba(0, 0, 0, 0.04);
}
.page-留言板 #mw-wrapper #flowthread .comment-paginator span[current] {
color: white;
background-color: #fb7299;
box-shadow: 0 2px 4px rgba(240, 110, 142, 0.6);
font-weight: bold;
border-radius: 4px !important;
}
.page-留言板 #mw-wrapper #flowthread .comment-paginator span:first-child{
border-radius: 4px 0 0 4px;
}
.page-留言板 #mw-wrapper #flowthread .comment-paginator span:last-child{
border-radius: 0 4px 4px 0;
}
.res-img img {
max-width:100%;
height:auto;
}
/* 可折叠元素折叠按钮修改为图标 */
.mw-collapsible-toggle-default .mw-collapsible-text::before {
content: 'expand_less';
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
user-select: none;
font-size: 24px;
transition: transform 250ms var(--ease-out-smooth);
}
.mw-collapsible-toggle-default,
.mw-collapsible-toggle-default .mw-collapsible-text {
display: flex;
justify-content: center;
align-items: center;
}
.mw-collapsible-toggle-default .mw-collapsible-text {
font-size: 0;
text-decoration: none !important;
}
.mw-collapsible-toggle-default,
.mw-collapsible-toggle-default .mw-collapsible-text,
.mw-collapsible-toggle-default .mw-collapsible-text:hover,
.mw-collapsible-toggle-default .mw-collapsible-text:active {
color: inherit;
}
.mw-collapsible-toggle-default.mw-collapsible-toggle-collapsed .mw-collapsible-text:before {
transform: rotate3d(1, 0, 0, 180deg);
}
.mw-collapsible-toggle-default::before,
.mw-collapsible-toggle-default::after {
content: unset;
}
/* 链接列表的转载标记 */
.repost-circle{
display: inline-block;
margin-left: 5px;
border: solid 1px;
border-radius: 100px;
padding: 3px;
font-size: 12px;
line-height: 1;
color: #e06386;
border: 1px #e06386 solid;
}
.repost-circle a.external{
background: none!important;
padding-right: 0px!important;
color: #e06386!important;
box-sizing: border-box!important;
}
/* 本段内容来自萌娘百科 https://zh.moegirl.org.cn/MediaWiki:Gadget-site-styles.css 感谢贡献！*/
/* 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0 */
/* 黑幕模板配合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: 10px auto;
width: 80%;
}
@media screen and (max-width: 850px) {
.infoBox {
float: unset !important;
width: 100% !important;
clear: both;
}}
.infoBox a, p{
word-break: break-all;
}
.infoBoxTitle {
margin: 3px auto;
padding: 6px 0 0 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;
}
.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
}
/* 教程链接列表 */
/* 目前全部移动到 https://otomad.wiki/Template:链接列表/style.css 下
.tutorial-links {
width: 100%;
margin-bottom: 6px;
}
.tutorial-links>tbody>tr>td:first-child {
text-align: center;
width: 35px;
}
.tutorial-links>tbody>tr>td:first-child>span {
border: 1px #e06386 solid;
border-radius: 4px;
color: #e06386;
font-size: 12px;
height: 14px;
padding: 2px 4px;
}
.tutorial-links>tbody>tr>td:nth-child(2) {
padding-left: 6px;
}
.tutorial-links>tbody>tr>td:nth-child(3) {
font-size: 12px;
color: grey;
text-align: right;
}
*/
/*scrollUpButton样式*/
img#scrollUpButton, img#scrollDownButton {
transition: transform 200ms;
}
img#scrollUpButton:hover {
transform: scale(1.1);
}
img#scrollUpButton:active {
transform: scale(.95);
}
img#scrollDownButton:hover {
transform: rotate(180deg)scale(1.1) !important;
}
img#scrollDownButton:active {
transform: rotate(180deg)scale(.95) !important;
}
/* 从https://zh.wikipedia.org/wiki/MediaWiki:Common.css引入的样式 */
/* Style for horizontal lists (separator following item) */
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
margin: 0;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: " :";
}
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
content: "（";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
content: "）";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
counter-increment: level1;
}
.hlist.hnum ol li:before {
content: counter(level1) " ";
}
.hlist.hnum ol ol li {
counter-increment: level2;
}
.hlist.hnum ol ol li:before {
content: counter(level2) " ";
}
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
/* @noflip */
float: right;
font-weight: normal;
/* @noflip */
margin-left: 0.5em;
/* @noflip */
text-align: right;
width: auto;
}
/*提示框*/
.mw-notification{
border: none;
border-radius: 4px;
box-shadow: 0 0 12px rgb(0 0 0 / 15%);
}
/* Social Profile */
/* visualClear CSS class definition for [[mw:Extension:SocialProfile]]
because Vector does not include the definition anymore; see
https://phabricator.wikimedia.org/T328235 and
https://phabricator.wikimedia.org/T287962 */
.visualClear {
clear: both;
}
#profile-toggle-button{
background-color: #fb7299;
border-radius: 2px;
padding: 5px 10px;
transition: box-shadow 200ms,transform 200ms;
box-shadow: 0 4px 4px rgb(251 114 153 / 30%);
}
#profile-toggle-button a {
font-weight: bold;
}
#profile-toggle-button:hover {
box-shadow: 0 9px 9px rgb(251 114 153 / 30%);
}
#profile-toggle-button:active {
box-shadow: 0 0 0 rgb(251 114 153 / 30%);
transform: scale(.95);
background-color: #bd5774;
}
#profile-toggle-button:focus, #profile-toggle-button:focus-visible, #profile-toggle-button:focus-within {
box-shadow: inset 0 0 0 1px #fb7299, inset 0 0 0 2px #fff;
outline: 1px solid transparent;
}
.profile-on{
background-color: #fff6c3;
padding: 5px 10px 5px 10px;
border-radius: 4px;
border: none;
}
/*头像*/
#profile-image img,
.user-relationship-container img,
.user-board-message-image img,
.c-avatar img,
.profile-info img {
border-radius: 50%;
aspect-ratio: 1 / 1;
object-fit: cover;
padding: 0;
border: 0;
background-color: unset;
}
#profile-image img,
.user-relationship-container img {
width: 75px;
}
.user-board-message-image img {
width: 25px;
}
#profile-top {
display: flex;
align-items: center;
border: 0;
}
#profile-right {
display: flex;
flex-direction: column;
}
#profile-title-container {
padding: 0 0 2px 0;
}
#profile-title {
font-size: 1.5em;
line-height: 32px;
padding: 0 0 4px 8px;
}
.profile-actions {
font-size: 0.875em;
color: var(--color-subtle);
}
.profile-actions a {
margin: 0 8px;
font-weight: unset;
}
/* 社交页 */
#user-page-left,
#user-page-right {
display: flex;
flex-direction: column;
}
.user-relationship-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.user-relationship-container a {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
}
.user-relationship-container a br {
display: none;
}
.user-section-heading .user-section-actions .action-right {
font-size: 0.875rem;
}
/* 资料编辑页 */
.profile-tab-bar {
display: flex;
margin-top: unset;
}
.profile-tab,
.profile-tab-on {
background-color: unset;
float: unset;
height: unset;
color: unset;
font-size: unset;
min-width: unset;
font-weight: unset;
padding: unset;
margin: unset;
text-align: unset;
}
.profile-tab-on {
border-bottom: 2px solid var(--omw-pink);
}
.profile-tab a,
.profile-tab-on a {
display: flex;
align-items: center;
height: 36px;
padding: 0 12px;
text-decoration: none;
}
.profile-tab a:any-link {
color: inherit !important;
}
.profile-tab a:any-link:hover,
.profile-tab-on a:any-link {
color: var(--omw-pink) !important;
}
/*按钮动画*/
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button{
transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms,transform 200ms
}
/*解决cite定位内文字显示为斜体的问题*/
cite {
font-style: normal;
}
/*针对移动端用户页的竖向排列*/
@media screen and (max-width: 850px){
#user-page-left {
width: 100%;
float: none;}
#user-page-right {
width: 100%;
float: none;
}
}
/* 留言板FlowThread隐藏热门 */
.page-留言板 .comment-container-top {
display: none;
}
/* 上传文件InfoBox排版增强修复 */
.mw-special-Upload i.md {
display: flex;
}
.mw-special-Upload .infoBoxText li {
margin-top: 6px;
margin-bottom: 0;
}
/* 现代化FlowThread主题 */
#flowthread .comment-submit {
font-family: inherit;
color: var(--color-base);
border: 0;
/*background-color: #fb7299;*/
background-color: var(--color-primary);
text-shadow: none;
top: 0;
right: 0;
border-radius: 0 0 var(--border-radius--small) 0;
}
#flowthread .comment-toolbar {
height: 36px;
border: 0;
border-top: 1px solid var(--border-color-base--darker);
background-color: #f8f9fa;
background-color: var(--color-surface-2);
border-radius: 0 0 var(--border-radius--small) var(--border-radius--small);
margin-bottom: 0;
}
#flowthread .comment-thread {
border: 0;
padding: 0;
}
#flowthread .comment-avatar {
border-radius: 100%;
overflow: hidden;
}
#flowthread .comment-text {
font-size: inherit;
}
#flowthread .comment-user, .comment-user a {
font-size: inherit;
color: var(--color-base--subtle);
}
#flowthread .comment-footer {
font-size: 14px;
}
#flowthread .flowthread-btn-wikitext,
#flowthread .flowthread-btn-preview {
width: 36px;
height: 36px;
margin: 0;
box-shadow: none;
background-color: transparent;
border-radius: 100%;
border: 0 !important;
}
#flowthread .flowthread-btn-preview {
transform: translateX(-100%);
}
#flowthread .flowthread-btn-wikitext.on+.flowthread-btn-preview {
transform: none;
}
#flowthread .flowthread-btn-wikitext:hover,
#flowthread .flowthread-btn-preview:hover {
background-color: var(--background-color-quiet--hover);
}
#flowthread .comment-submit {
height: inherit;
}
#flowthread .comment-replybox > .comment-body {
border: 1px solid var(--border-color-base--darker);
border-radius: var(--border-radius--small);
padding-left: 0;
margin-left: 60px;
}
#flowthread .comment-replybox > .comment-body:has(textarea:focus-visible) {
border-color: var(--color-primary);
}
#flowthread .comment-replybox > .comment-body textarea, #flowthread .comment-preview {
background-color: transparent;
border: 0;
box-shadow: none;
}
#flowthread .comment-post,
#flowthread .comment-container > .comment-thread {
padding: 12px 0;
}
#flowthread .comment-reply::before,
#flowthread .comment-like::before,
#flowthread .comment-report::before,
#flowthread .comment-delete::before {
display: inline-block;
background-image: none;
direction: ltr;
font-family: 'Material Icons';
font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
text-align: center;
text-indent: 0;
text-rendering: optimizeLegibility;
text-transform: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
word-wrap: normal;
width: 18px;
height: 18px;
color: black;
font-size: 18px;
opacity: var(--opacity-icon-base);
border-radius: 100%;
}
#flowthread .comment-reply::before {
content: 'reply';
}
#flowthread .comment-like::before {
content: 'favorite';
}
#flowthread .comment-report::before {
content: 'flag';
}
#flowthread .comment-delete::before {
content: 'delete';
}
#flowthread .comment-like[liked],
#flowthread .comment-report[reported] {
color: var(--color-primary);
}
#flowthread .comment-like[liked]::before,
#flowthread .comment-report[reported]::before {
opacity: 1;
color: var(--color-primary);
}
/*
_ _ _____ _ _
/\ /\__ ___ ____ _(_|_) /__ (_)_ __ ___ ___| | ___ ___ ___
/ //_/ _` \ \ /\ / / _` | | | / /\/ | '_ ` _ \ / _ \ |/ _ \/ __/ __|
/ __ \ (_| |\ V V / (_| | | | / / | | | | | | | __/ | __/\__ \__ \
\/ \/\__,_| \_/\_/ \__,_|_|_| \/ |_|_| |_| |_|\___|_|\___||___/___/
Kawaii Timeless by Aira
如果有bug和建议请在留言板上提出
请尊重音MAD维基版权，复制需要注明源自音MAD维基，并且附上URL地址 https://otomad.wiki/MediaWiki:Timeless.css
版权协定：知识共享 署名 3.0
代码正在逐渐整合进Timeless内部以大量减少代码重复性并增加性能，开源地址https://github.com/OtomadWiki/Kawaii-Timeless/
*/
.mw-body h6{
color: #212121;
font-weight: bold;
}
/*平板页面导航字体修改*/
#mw-site-navigation h2, #mw-related-navigation h2{
font-weight: 500;
}
/*body修改及修复line-height修改后的bug*/
body.ns-1 .mw-body h1.firstHeading, body.ns-3 .mw-body h1.firstHeading{
margin-bottom: .5em;
}
li{
margin-bottom: 10px;
}
/*顶栏*/
.oo-ui-clippableElement-clippable.oo-ui-popupWidget-body{
max-width: unset !important;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child{
border-left: none;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer{
border-top: none;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head{
border-bottom: none;
box-shadow: 0 0px 9px rgb(0 0 0 / 9%);
}
.oo-ui-popupWidget-popup{
border: none;
}
.oo-ui-popupWidget{
filter: drop-shadow(0 15px 20px rgb(0 0 0 / 20%));
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before{
border-bottom-color: #fff;
}
div.mw-echo-ui-overlay{
z-index: 600;
}
#mw-header-nav-hack, #mw-header-hack{
box-shadow: unset;
}
/*现代化搜索框*/
#simpleSearch{
opacity: 100;
}
/*目录卡片*/
ul#filetoc, .toc, .mw-warning{
border: unset;
box-shadow: 0 2px 5px 0px rgb(0 0 0 / 0.2);
background: #fff;
border-radius: 4px;
}
/*移动端菜单*/
#menus-cover{
background: #000;
opacity: 0.15;
}
#site-navigation .sidebar-inner{
border: unset;
}
.sidebar-inner, .dropdown{
border: unset;
border-radius: 6px;
}
@media screen and (max-width: 1099px) and (min-width: 851px){
.sidebar-inner, .dropdown{
border: unset !important;
box-shadow: 0 2px 30px 1px rgb(0 0 0 / 0.2) !important;
}
#mw-site-navigation .sidebar-inner{
border: unset !important;
box-shadow: 0 2px 30px 1px rgb(0 0 0 / 0.2) !important;
}
}
@media screen and (max-width: 850px){
.sidebar-inner, .dropdown{
box-shadow: 0 2px 30px 1px rgb(0 0 0 / 0.2) !important;
z-index: 501;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px){
#mw-related-navigation .sidebar-inner{
border: unset !important;
box-shadow: 0 2px 30px 1px rgb(0 0 0 / 0.2) !important;
}
}
/*个人资料设置页*/
.profile-tab{
background-color: unset;
padding: 9px 10px 10px;
font-size: 16px;
}
.profile-tab a:visited, .profile-tab a {
color: #000 !important;
}
.profile-tab-on a:visited, .profile-tab-on a {
color: var(--color-primary) !important;
}
.profile-tab-on{
background-color: unset;
padding: 9px 10px 10px;
font-size: 16px;
border-bottom: solid 2px var(--color-primary);
}
.eye-container .title{
color: #000;
font-size: 14px;
}
.eye-container{
box-shadow: none;
opacity: 1.0;
}
/*按钮*/
button, html input[type="button"], input[type="reset"], input[type="submit"]{
background-color: var(--color-primary);
border: none;
outline-color: #000;
border-color: #000;
border-radius: 2px;
color: #fff;
padding: 5px 12px;
margin-right: 5px;
font-weight: bold;
transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 150ms,transform 150ms;
box-shadow: 0 4px 4px rgb(0 0 0 / 15%);
}
button:hover, html input[type="button"]:hover, input[type="submit"]:hover {
background-color: var(--color-hover);
box-shadow: 0 9px 9px rgb(0 0 0 / 15%);
}
button:active, html input[type="button"]:active, input[type="submit"]:active {
background-color: var(--color-dark);
box-shadow: 0 0 0 rgb(0 0 0 / 15%) !important;
transform: scale(.95);
}
button:focus, html input[type="button"]:focus, input[type="submit"]:focus {
box-shadow: 0 0 0 4px rgb(251 114 153 / 25%);
outline: 1px solid transparent;
}
.mw-ui-button:not(:disabled){
transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 150ms,transform 150ms;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button{
box-shadow: none;
}
.mw-ui-button{
border: none;
border-color: #000;
outline-color: #000;
}
.mw-ui-button:focus{
border-color: var(--color-primary);
box-shadow: inset 0 0 0 1px var(--color-primary), inset 0 0 0 2px #ffffff;
}
/*播放器*/
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame{
border: none;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3);
border-radius: 4px;
}
/*修改图标颜色*/
.oo-ui-image-progressive.oo-ui-icon-edit, .mw-ui-icon-edit-progressive:before{
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eedit%3C/title%3E%3Cg fill=%22%23fb7299%22%3E%3Cpath d=%22M16.77 8l1.94-2a1 1 0 000-1.41l-3.34-3.3a1 1 0 00-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z%22/%3E%3C/g%3E%3C/svg%3E");
}
.oo-ui-image-progressive.oo-ui-icon-settings, .mw-ui-icon-settings-progressive:before{
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Esettings%3C/title%3E%3Cg fill=%22%23fb7299%22%3E%3Cg xmlns:xlink=%22http://www.w3.org/1999/xlink%22 transform=%22translate%2810 10%29%22%3E%3Cpath id=%22a%22 d=%22M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3%22/%3E%3Cuse transform=%22rotate%2845%29%22 xlink:href=%22%23a%22/%3E%3Cuse transform=%22rotate%2890%29%22 xlink:href=%22%23a%22/%3E%3Cuse transform=%22rotate%28135%29%22 xlink:href=%22%23a%22/%3E%3C/g%3E%3Cpath d=%22M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7%22/%3E%3C/g%3E%3C/svg%3E");
}
/*媒体查看器*/
.mw-ui-button.mw-ui-progressive{
border-radius: 2px;
}
.mw-mmv-close,.mw-mmv-options-button{
transition: transform 300ms;
}
.mw-mmv-close:hover{
transform: rotate(-180deg);
}
.mw-mmv-options-button:hover{
transform: rotate(-90deg);
}
.mw-mmv-download-button, .mw-mmv-reuse-button, .mw-mmv-options-button, .mw-mmv-close, .mw-mmv-fullscreen, .mw-mmv-next-image, .mw-mmv-prev-image{
box-shadow: none !important;
background-color: transparent !important;
border: none !important;
}
.mw-mmv-download-button.mw-mmv-dialog-open, .mw-mmv-reuse-button.mw-mmv-dialog-open, .mw-mmv-options-button.mw-mmv-dialog-open, .mw-mmv-close.mw-mmv-dialog-open, .mw-mmv-fullscreen.mw-mmv-dialog-open, .mw-mmv-next-image.mw-mmv-dialog-open, .mw-mmv-prev-image.mw-mmv-dialog-open, .mw-mmv-download-button:hover, .mw-mmv-reuse-button:hover, .mw-mmv-options-button:hover, .mw-mmv-close:hover, .mw-mmv-fullscreen:hover, .mw-mmv-next-image:hover, .mw-mmv-prev-image:hover{
background-color: unset !important;
border: none !important;
}
/*SocialProfile*/
.relationship-item{
box-shadow: 0 3px 6px rgb(0 0 0 / 4%), 0 3px 6px rgb(0 0 0 / 6%);
border: 1px solid;
border-color: rgba(0,0,0,0.05);
border-radius: 8px;
}
.relationship-item img{
border-radius: 2em;
}
.relationship-action img{
border-radius: 2em;
}
#profile-title-container {
padding: 19px 0 6px 6px;
}
#profile-top{
border-bottom: none;
}
.user-section-heading{
line-height: 34px;
}
/*警告卡片*/
div.mw-warning-with-logexcerpt{
padding: 4px 16px !important;
margin-bottom: 10px !important;
border: unset !important;
clear: both !important;
border-radius: var(--border-radius--medium) !important;
}
/*去掉平板端奇怪的阴影*/
@media screen and (min-width: 851px) and (max-width: 1099px){
#mw-related-navigation .sidebar-chunk{
box-shadow: none;
}
}
@media screen and (min-width: 851px) and (max-width: 1099px){
#mw-site-navigation .sidebar-chunk{
box-shadow: none;
}
}
/*通知*/
.mw-echo-ui-notificationItemWidget{
background-color: unset;
border:1px solid #f9f9f9;
}
.mw-echo-ui-notificationItemWidget:hover{
background-color: unset;
}
.mw-echo-ui-notificationItemWidget:focus{
box-shadow: inset 0 0 0 1px var(--color-primary);
}
@media screen and (max-width: 850px){
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor{
display: none;
}}
/*隐藏帮助*/
body #mw-wrapper .mw-helplink, body #mw-wrapper #mw-indicator-mw-helplink{
display: none;
}
/*针对移动端用户页的竖向排列*/
@media screen and (max-width: 850px){
#user-page-left {
width: 100%;
float: none;}
#user-page-right {
width: 100%;
float: none;
}
}
#wpUploadFile::file-selector-button {
display: none !important;
}
/* Fix for non backdrop-filter support browser */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
#kawaiiHeaderBackground, #personal .dropdown, .suggestions {
background: rgba(255,255,255,0.95) !important;
}
}
/* 侧栏图标 */
#n-概念和教程 a:before {
content: 'school';
}
#n-PV效果速查 a:before {
content: 'movie_filter';
}
#n-素材介绍 a:before {
content: 'face';
}
#n-常见原曲 a:before {
content: 'audiotrack';
}
#n-教程视频 a:before {
content: 'cast_for_education';
}
#n-合作推广 a:before {
content: 'campaign';
}
#n-用户列表 a:before {
content: 'contacts';
}
#n-创作热潮 a:before {
content: 'whatshot';
}
#n-创作活动 a:before {
content: 'emoji_events';
}
/*#n-周刊排行 a:before {*/
/* content: 'military_tech';*/
/*}*/
#n-周报记录 a:before {
content: 'newspaper';
}
#n-沙盒 a:before {
content: 'science';
}
#n-规划 a:before {
content: 'route';
}
#n-编辑规范 a:before {
content: 'rule';
}
#n-使用方法与帮助 a:before {
content: 'help';
