|
|
| 第31行： |
第31行： |
| } | | } |
|
| |
|
| /* 自定义logo */
| |
| .wiki-logo > .pic-logo {
| |
| display: none !important;
| |
| }
| |
| .wiki-logo:after {
| |
| content: "";
| |
| display: inline-block;
| |
| background: url("https://patchwiki.biligame.com/images/wukong/3/3f/th32vv1paik3a8wbwkmn4z73fyn8p2c.png") center no-repeat;
| |
| background-size:contain;
| |
| width: 100%;
| |
| height: 100%;
| |
| }
| |
| @media (max-width: 768px) {
| |
| .wiki-logo:after {
| |
| position: relative;
| |
| top: 50%;
| |
| transform: translateY(-50%);
| |
| }
| |
| }
| |
| .mediawiki .wiki-header .wiki-logo{
| |
| height: 60px;
| |
| }
| |
|
| |
|
| /* 隐藏移动端菜单logo*/
| |
| .mediawiki .mobile-nav-menu .navTop{
| |
| display: none;
| |
| }
| |
| .mediawiki .mobile-nav-menu .menutop{
| |
| height: auto;
| |
| }
| |
|
| |
| /* 隐藏 手机端：顶栏打开app，下方悬浮的打开app*/
| |
| #wikiToapp{
| |
| display:none !important;
| |
| }
| |
| .btn-open-app{
| |
| display:none !important;
| |
| }
| |
|
| |
|
| /* === 清除部分元素背景 === */ | | /* === 清除部分元素背景 === */ |
| 第89行： |
第52行： |
| background: transparent; | | background: transparent; |
| border:none; | | border:none; |
| }
| |
|
| |
| /* === 背景设置 === */
| |
| body.mediawiki{
| |
| background-image:
| |
| url('https://patchwiki.biligame.com/images/wukong/6/6b/f1432i4nm7ma2gqc72kvrqpq3ua3wi3.png'), /* 顶部背景图像，平铺 */
| |
| url('https://patchwiki.biligame.com/images/wukong/c/c6/bycjvikiz3wjhc02wo017x60tbddoy8.png'); /* 暗金色纹理背景图，中间显示 */
| |
| background-repeat:
| |
| no-repeat, /* 图像不重复 */
| |
| no-repeat; /* 图像不重复 */
| |
| background-position:
| |
| 50% top, /* 第一个图像位置 */
| |
| 50% 0; /* 第二个图像位置 */
| |
| background-size:
| |
| 100%, /* 第一个图像保持原始尺寸 */
| |
| cover; /* 第二个图像覆盖整个元素 */
| |
| background-attachment:
| |
| scroll, /* 图像随着页面的其余部分滚动 */
| |
| fixed; /* 图像固定，不随着页面的其余部分滚动 */
| |
| background-color:#080606;
| |
| background-blend-mode:lighten;/* 混合模式 使用背景图像和背景色中较亮的颜色。*/
| |
|
| |
| }
| |
| @media (max-width: 992px){ /* 窄屏幕更好的显示背景图片 */
| |
| body.mediawiki {
| |
| background-size: auto;
| |
| background-position: center top;
| |
| }
| |
| } | | } |
|
| |
|
| 第277行： |
第212行： |
| display: none; | | display: none; |
| } | | } |
| /* 由于全局搜索栏隐藏，这里的主题适配无意义
| |
| .mediawiki .bili-game-header-nav-search input{
| |
| background: none;
| |
| }
| |
| .mediawiki .bili-game-header-nav-search {
| |
| position: relative;
| |
| background: url(https://patchwiki.biligame.com/images/wukong/d/d1/ly326npb5sjd51rkd2slkdtnyt7io6u.png) center no-repeat;
| |
| background-size: 108% 128%;
| |
| opacity: 0.7;
| |
| }
| |
| .mediawiki .bili-game-header-nav-search input::placeholder {
| |
| color: var(--font-color);
| |
| }
| |
| */
| |
|
| |
|
| /* 偷偷隐藏几个按钮 */ | | /* 偷偷隐藏几个按钮 */ |
| 第347行： |
第268行： |
| color: rgb(24 25 28 / 90%) !important; | | color: rgb(24 25 28 / 90%) !important; |
| } | | } |
|
| |
| /* 我的消息 移动端图标，在768px以上不显示，因为下方强制显示了电脑版本 */
| |
| /* 关于本站 按钮，强制在768以上宽度显示 */
| |
| @media screen and (min-width: 768px) {
| |
| #navNote, .mobile-mask, .mobile-operation {
| |
| display: none;
| |
| }
| |
| .about-site {
| |
| display: block !important;
| |
| }
| |
| }
| |
| /* 强制显示顶部导航栏中的 我的消息 （否则会窄屏自动隐藏，强制显示后可以与顶部导航共存亡）*/
| |
| .bili-game-header-nav #p-personal .mw-echo-notification-badge-nojs{
| |
| display: block !important;
| |
| }
| |
|
| |
|
| |
| /* 尽量保证顶部导航栏显示。默认窄了会隐藏 */
| |
| @media screen and (min-width: 768px) {
| |
| .mediawiki > .visible-md-block.visible-lg-block {
| |
| display: block !important;
| |
| }
| |
| }
| |
|
| |
| /* === 导航栏 Sidebar === */
| |
| .wiki-header .wiki-nav-celling{ /* 隐藏页面滚动后的导航栏 */
| |
| /*top: -50px;*/
| |
| top: -300px; /* 50px就够，但罕见情况可能导致搜索框被挤下来，写大点保险 */
| |
| }
| |
| /* 缩窄下滑后上方导航栏的宽度 */
| |
| /* .wiki-nav.wiki-nav-celling #simpleSearch1 {
| |
| width: 179px;
| |
| } */
| |
| /* 如果不隐藏滚动后固定在顶部的导航栏，为其设置透明黑色背景色 */
| |
| /* .wiki-header .wiki-nav-celling {
| |
| background: #000000c4;
| |
| } */
| |
|
| |
| /* 移动端导航栏 */
| |
| .navbar-default .navbar-toggle .icon-bar{
| |
| background: white;
| |
| }
| |
| #navNote{
| |
| filter: invert(100%) hue-rotate(180deg);
| |
| }
| |
| #navSearch.visible-xs{
| |
| filter: invert(100%) hue-rotate(180deg);
| |
| }
| |
|
| |
|
| |
|
| /* 搜索框 */ | | /* 搜索框 */ |
| 第494行： |
第366行： |
| z-index: -1; | | z-index: -1; |
| } | | } |
|
| |
| /* 手机菜单 */
| |
| .mediawiki .mobile-nav-menu,
| |
| .mediawiki .mobile-nav-menu .ul-menu-2 {
| |
| background: var(--bg-color);
| |
| }
| |
| .mediawiki .mobile-nav-menu a:not(.menu-title-1) {
| |
| color: var(--font-color) !important;
| |
| }
| |
| .mediawiki .mobile-nav-menu .bg-c {
| |
| background: var(--a-hover-color);
| |
| }
| |
|
| |
| .mediawiki .mobile-nav-menu .bg-c>a:not(.menu-title-1) {
| |
| color: white !important;
| |
| }
| |
|
| |
| /* 「Wiki功能」 菜单 */
| |
| .vectorMenu li a:hover {
| |
| background-color: var(--a-hover-color);
| |
| }
| |
| #firstHeadingTools {
| |
| border-bottom: 1px solid #a2a9b14a; /* 减弱wiki功能菜单栏下方的边框 */
| |
| }
| |
| .firstHeadingTools .vectorMenu h3 .glyphicon-menu-down {
| |
| top: 15px;
| |
| right: 10px;
| |
| }
| |
|
| |
| /* 评论 */
| |
| .comments-title {
| |
| border-bottom: 1px solid var(--font-color);
| |
| }
| |
| .comment-body textarea,
| |
| .comment-toolbar{
| |
| background: #232323;
| |
| }
| |
| .comment-submit{ /* 提交按钮 */
| |
| border:1px solid #232323;
| |
| font-size: 1.5em;
| |
| text-shadow: none;
| |
| }
| |
| .comment-submit:hover {
| |
| border: 1px solid #665725;
| |
| font-size: 1.5em;
| |
| box-shadow: 0px 0px 0px red inset, 0 5px 11px 0 #ddbf5f;
| |
| transition: all 0.3s ease-out;
| |
| text-shadow: none;
| |
| }
| |
| :focus { /* 提交框 */
| |
| outline-color: #ddbf6f;
| |
| }
| |
| /* 手机评论区 底部输入框颜色 */
| |
| .mediawiki .h5-wiki-comment {
| |
| background: #1b1b1b;
| |
| }
| |
| .mediawiki .h5-wiki-comment .bui-reply-box .bui-reply-table .bui-reply-container{
| |
| background: #363636;
| |
| }
| |
| .mediawiki .h5-wiki-comment .bui-reply-box .bui-reply-table .bui-reply-container .bui-reply-input {
| |
| background: #363636;
| |
| color: #c6c6c6;
| |
| }
| |
|
| |
|
| |
| /* 页尾 */
| |
| .mediawiki .game-bg{ /* 减小页尾边距，给图片腾地方 */
| |
| padding-bottom: 0px;
| |
| margin-bottom: 0px;
| |
| }
| |
|
| |
| .footer-public:before{ /* 页尾图片 */
| |
| content: "";
| |
| display: block;
| |
| pointer-events: none;
| |
| height: 550px;
| |
| position: relative;
| |
| background-image: url('https://patchwiki.biligame.com/images/wukong/b/b1/9t6x44ni3xza23qstb2jn48wdyirn6e.png'),url('https://patchwiki.biligame.com/images/wukong/9/97/2nxeepxtpb3br3qphkcwzxru7rtp6ea.jpg'),url('https://wiki.biligame.com/wukong/%E6%96%87%E4%BB%B6:Feature-bottom-1-pc.DfZ55gaS.png');
| |
| background-repeat: no-repeat;
| |
| background-size: 100% auto;
| |
| }
| |
| .footer-public{
| |
| background: unset;
| |
| }
| |
| /* 窄屏幕仍然显示底部footer图片 */
| |
| @media (max-width: 992px){
| |
| .mediawiki .footer-public{
| |
| display: block !important;
| |
| }
| |
| .mediawiki .footer-box{ /* 保持底部信息不显示 */
| |
| display: none;
| |
| }
| |
| .footer-public:before {
| |
| height: 200px;
| |
| }
| |
| .footer-public .footer-box {
| |
| max-width: 95%;
| |
| }
| |
| }
| |
|
| |
|
| |
|
| /* 页面 杂项 */ | | /* 页面 杂项 */ |