您似乎还未注册一个账号?我们强烈推荐您点击此处创建一个账户。|如果您在H萌娘上发现某些内容错误/空缺/不中立,请勇于按右上角编辑按钮!
Widget:背景图片:修订间差异
跳转到导航
跳转到搜索
imported>=海豚= 无编辑摘要 |
小无编辑摘要 |
||
| (未显示2个用户的38个中间版本) | |||
| 第1行: | 第1行: | ||
<noinclude>给{{tl|背景图片}}提供更好的体验效果</noinclude><includeonly><!--{if !isset($wgSideBarPic) || !$wgSideBarPic}--><!--{assign var="wgSideBarPic" value=true scope="global"}--><script> | <noinclude>给{{tl|背景图片}}提供更好的体验效果。</noinclude><includeonly><!--{if !isset($wgSideBarPic) || !$wgSideBarPic}--><!--{assign var="wgSideBarPic" value=true scope="global"}--><script> | ||
window. | window.addEventListener('jquery-ready', function() { | ||
$(function() { | $(function() { | ||
var sidebarCharacter = $(".sidebar-character").slice(0, 3); | var sidebarCharacter = $(".sidebar-character").slice(0, 3); | ||
| 第8行: | 第7行: | ||
sidebarCharacter.addClass('active').each(function() { | sidebarCharacter.addClass('active').each(function() { | ||
var self = $(this); | var self = $(this); | ||
self.appendTo("#mw-navigation").fadeIn().addClass(this.dataset.align === 'top' ? 'top' : 'bottom'); | self.appendTo("#mw-navigation").fadeIn().addClass(this.dataset.align === 'top' ? 'top' : 'bottom').css('user-select', 'none'); | ||
self.find('img').removeAttr('width').removeAttr('height'); | var ele = self.find('.background-img-replace'); | ||
ele[0].outerHTML = ele[0].outerHTML.replace('<br', '<img').replace('data-srcset', 'srcset'); | |||
ele.removeAttr('width').removeAttr('height'); | |||
}); | }); | ||
$(window).on('resize', function() { | $(window).on('resize', function() { | ||
| 第20行: | 第21行: | ||
}); | }); | ||
});</script><style> | });</script><style> | ||
body{ | |||
background-image:none!important; | |||
} | |||
/* 侧边栏logo或左下角图片添加 */ | |||
.sidebar-character { | |||
position: fixed; | |||
left: -3px; | |||
z-index: -2; | |||
} | |||
.sidebar-character.top { | |||
top: 0; | |||
} | |||
.sidebar-character.bottom { | |||
bottom: 0; | |||
} | |||
@media screen and (max-width: 600px) { | @media screen and (max-width: 600px) { | ||
/* 低像素设备隐藏 */ | /* 低像素设备隐藏 */ | ||
| 第26行: | 第42行: | ||
} | } | ||
} | } | ||
@keyframes show{ | |||
from{ | |||
opacity: 0; | |||
} | |||
} | |||
@keyframes shrink{ | |||
from{ | |||
transform: scale(1.15); | |||
} | |||
} | |||
@keyframes clear{ | |||
from{ | |||
filter: blur(5px); | |||
} | |||
} | |||
@keyframes appear{ | |||
from{ | |||
opacity: 0; | |||
transform: scale(1.3); | |||
} | |||
} | |||
@keyframes look-top{ | |||
from{ | |||
width: 150%; | |||
height: 150%; | |||
object-position: center bottom; | |||
} | |||
50%{ | |||
object-position: center top; | |||
} | |||
} | |||
@keyframes look-bottom{ | |||
from{ | |||
width: 150%; | |||
height: 150%; | |||
object-position: center top; | |||
} | |||
50%{ | |||
object-position: center bottom; | |||
} | |||
} | |||
#content { | |||
position: relative; | |||
background-color: rgb(256,256,256,.85); | |||
} | |||
.mw-content-ltr { | |||
opacity: 95%; | |||
} | |||
table.navbox { | |||
opacity: 90%; | |||
} | |||
table.wikitable { | |||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | |||
border-radius: 4px; | |||
background-color: rgba(251,251,251,0.75) ; | |||
overflow: hidden; | |||
} | |||
.infoBoxYellow { | |||
padding: 0.5em; | |||
background: rgba(255,255,245,0.75); | |||
} | |||
.infoBoxRed { | |||
padding: 0.5em; | |||
background: rgba(258,240,245,0.75); | |||
} | |||
.infoBoxBlue { | |||
padding: 0.4em; | |||
background: rgba(240,248,255,0.75); | |||
} | |||
.infoBoxPurple { | |||
padding: 0.4em; | |||
background: rgba(248,248,255,0.75); | |||
} | |||
.infoBoxGreen { | |||
padding: 0.5em; | |||
background: rgba(245,255,250,0.75); | |||
} | |||
.infoBoxOrange { | |||
padding: 0.5em; | |||
background: rgba(250,240,230,0.75); | |||
} | |||
.sideBarPic:not(.DeceasedPerson) .sidebar-character.active { | |||
display: block; | |||
} | |||
.sidebar-character { | |||
display: none; | |||
} | |||
.sideBarPic:not(.DeceasedPerson) #footer { | |||
background-color: rgba(255,255,255,.7); | background-color: rgba(255,255,255,.7); | ||
} | } | ||
.sideBarPic:not(.DeceasedPerson) #footer #footer-moegirl .copyright { | .sideBarPic:not(.DeceasedPerson) #footer #footer-moegirl .copyright { | ||
color: #2f2f2f; | color: #2f2f2f; | ||
} | } | ||
div#mw-page-base { | div#mw-page-base { | ||
| 第40行: | 第146行: | ||
background-image: none; | background-image: none; | ||
} | } | ||
#mw-head { | |||
background: rgba(255,255,255,. | top: -0.04em; | ||
width: 100.06%; | |||
} | |||
li.gallerybox div.thumb{ | |||
background-color: rgba(255,255,255,.6); | |||
} | } | ||
div | div.thumbinner{ | ||
background-color: rgba(255,255,255,.5); | |||
} | } | ||
. | .toc-custom { | ||
opacity: 0.92; | |||
} | } | ||
.comment-body textarea, .comment-preview { | .comment-body textarea, .comment-preview { | ||
| 第54行: | 第163行: | ||
} | } | ||
.comment-toolbar { | .comment-toolbar { | ||
background: rgba(251,251,251,0. | background: rgba(251,251,251,0.7); | ||
} | } | ||
</style> | </style> | ||
<!--{/if}--></includeonly> | <!--{/if}--></includeonly> | ||
2022年12月4日 (日) 16:25的最新版本
给{{背景图片}}提供更好的体验效果。