MediaWiki:Mobile.css

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

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Internet Explorer：按住Ctrl的同时单击刷新，或按Ctrl-F5
• Opera：前往菜单 → 设置（Mac为Opera → Preferences），然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件。

/* 这里放置的CSS将影响使用移动版网站的用户 */
@import url('https://fonts.googleapis.com/css?family=Jura');/*科技感包含希腊字母*/
@import url('https://fonts.googleapis.com/css?family=Google Sans');/*谷歌的字体*/
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Noto Sans SC');
@import url('https://fonts.googleapis.com/css?family=Tajawal');/*阿拉伯字母字体*/

body * {
    font-family:'Montserrat','Google Sans','Noto Sans SC','Tajawal','PingFang SC',"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft YaHei","Heiti SC",sans-serif;
}/*全站字体*/


/**************************/
/*         播放按钮        */
/**************************/

.audio-player button{
            height: 50px;
            width: 50px;
            text-align: center;
            border: 0;
            border-radius: 50%;
            transition: 0.3s ease-in-out;
            outline:0 none;
            background-image:none,url(/w/images/a/ad/AudioPlay.svg);
}
.audio-player-playing{
            
            transition: 0.3s ease-in-out;
background-image:none,url(/w/images/c/cd/AudioPause.svg) !important;
}

.audio-player-paused{
    
            transition: 0.3s ease-in-out;
 background-image:none,url(/w/images/a/ad/AudioPlay.svg) !important;
}

/**************************/
/*         评论区        */
/**************************/

.comments-body{
    padding-top:10px;
    padding-buttom:10px;
    border-radius: 8px;
}
.comments-body .c-form-title{
    color: white;
}
.c-item{
    border-bottom: 1px rgba(200, 200, 200, 0.4) solid;
    padding: 4px;
    background-color: rgb(0, 0, 0, 0.5);
    backdrop-filter: saturate(200%) blur(20px);
    -webkit-backdrop-filter: saturate(200%) blur(20px);
}

.c-avatar{
    top: 8px;
    left: 8px;
}
.c-avatar img {
  border-radius: 50px;}

.reply{   
    width: 80%; 
    margin-left: 15% !important;
    background-color: rgba(80, 80, 80, 0.15);
    padding: 4px;
    border-radius: 8px;
}

.reply .c-actions a{
    color: #000 !important;
    background-color: rgb(249, 239, 0);
    border-radius: 4px;
    font-size: 10pt;
    padding: 4px;
}

.reply .c-actions .c-delete a{
    background-color: red !important;
}

.full{
    background-color: rgba(200, 200, 200, 0.15);
    width: 92%; 
    margin: 4% !important;
    padding: 4px;
    border-radius: 8px;
}
.full .c-actions a{
    color: #000 !important;
    background-color: rgb(249, 239, 0);
    border-radius: 4px;
    font-size: 10pt;
    padding: 4px;
}

.full .c-actions .c-delete a{
    background-color: red !important;
}

textarea#comment {
    border-radius: 8px;
    padding: 3px;
    margin-left: 2%;
    width: 95%;
}

.r-message {
    width: 90%;
    margin: 1% !important;
}

.f-message{
    width: 95%;
    margin: 2% !important;
}
/**************************/
/*         B站            */
/**************************/

.bilibili{
    border: 0;
    padding: 0;
    width: 100%;
    height: 35vh;
}
.bilibili iframe{
    border: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.mw-ui-icon-mf-expand:before {
    background-image: url(/w/images/5/51/Up_Arrow.png);
    background-image: linear-gradient(transparent,transparent),url(/w/images/5/51/Up_Arrow.png);

}

.feedback{
    top: 40px !important;
    right: 10px !important;
}