Widget:背景图片:修订间差异
imported>=海豚= 无编辑摘要 |
小无编辑摘要 |
||
| (未显示2个用户的24个中间版本) | |||
| 第1行: | 第1行: | ||
<noinclude> | <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); | ||
| 第9行: | 第8行: | ||
var self = $(this); | var self = $(this); | ||
self.appendTo("#mw-navigation").fadeIn().addClass(this.dataset.align === 'top' ? 'top' : 'bottom').css('user-select', 'none'); | 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或左下角图片添加 */ | /* 侧边栏logo或左下角图片添加 */ | ||
.sidebar-character { | .sidebar-character { | ||
| 第31行: | 第35行: | ||
.sidebar-character.bottom { | .sidebar-character.bottom { | ||
bottom: 0; | bottom: 0; | ||
} | } | ||
@media screen and (max-width: 600px) { | @media screen and (max-width: 600px) { | ||
| 第91行: | 第92行: | ||
#content { | #content { | ||
position: relative; | position: relative; | ||
background-color: rgb(256,256,256,.85); | |||
background-color: rgb(256,256,256,. | |||
} | } | ||
.mw-content-ltr { | |||
opacity: 95%; | |||
} | |||
table.navbox { | |||
opacity: 90%; | |||
} | } | ||
table.wikitable { | table.wikitable { | ||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | ||
border-radius: 4px; | border-radius: 4px; | ||
background-color: rgba(251,251,251,0. | background-color: rgba(251,251,251,0.75) ; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.infoBoxYellow { | .infoBoxYellow { | ||
padding: 0.5em; | padding: 0.5em; | ||
background: rgba(255,255,245,0. | background: rgba(255,255,245,0.75); | ||
} | } | ||
.infoBoxRed { | .infoBoxRed { | ||
padding: 0.5em; | padding: 0.5em; | ||
background: rgba(258,240,245,0. | background: rgba(258,240,245,0.75); | ||
} | } | ||
.infoBoxBlue { | .infoBoxBlue { | ||
padding: 0.4em; | padding: 0.4em; | ||
background: rgba(240,248,255,0. | background: rgba(240,248,255,0.75); | ||
} | } | ||
.infoBoxPurple { | .infoBoxPurple { | ||
padding: 0.4em; | padding: 0.4em; | ||
background: rgba(248,248,255,0. | background: rgba(248,248,255,0.75); | ||
} | } | ||
.infoBoxGreen { | .infoBoxGreen { | ||
padding: 0.5em; | padding: 0.5em; | ||
background: rgba(245,255,250,0. | background: rgba(245,255,250,0.75); | ||
} | } | ||
.infoBoxOrange { | .infoBoxOrange { | ||
padding: 0.5em; | padding: 0.5em; | ||
background: rgba(250,240,230,0. | background: rgba(250,240,230,0.75); | ||
} | } | ||
.sideBarPic:not(.DeceasedPerson) .sidebar-character.active { | .sideBarPic:not(.DeceasedPerson) .sidebar-character.active { | ||
| 第142行: | 第145行: | ||
background-color: rgba(255,255,255,0); | background-color: rgba(255,255,255,0); | ||
background-image: none; | background-image: none; | ||
} | } | ||
#mw-head { | #mw-head { | ||
| 第157行: | 第150行: | ||
width: 100.06%; | width: 100.06%; | ||
} | } | ||
. | li.gallerybox div.thumb{ | ||
background-color: rgba( | background-color: rgba(255,255,255,.6); | ||
} | |||
div.thumbinner{ | |||
background-color: rgba(255,255,255,.5); | |||
} | |||
.toc-custom { | |||
opacity: 0.92; | |||
} | } | ||
.comment-body textarea, .comment-preview { | .comment-body textarea, .comment-preview { | ||
| 第164行: | 第163行: | ||
} | } | ||
.comment-toolbar { | .comment-toolbar { | ||
background: rgba(251,251,251,0. | background: rgba(251,251,251,0.7); | ||
} | } | ||
</style> | </style> | ||
<!--{/if}--></includeonly> | <!--{/if}--></includeonly> | ||